⚠️ Use alias Rollup plugin to omit full imports

- Define entries (utils, animations, etc) in the Rollup config in order to omit the whole back path (../../) when importing a file
- Global revoleExtensions in the config (to avoid duplicates)

rollup.config.js

@@ -1,4 +1,6 @@
+import path from 'path'
 import resolve from '@rollup/plugin-node-resolve'
+import alias from '@rollup/plugin-alias'
 import replace from '@rollup/plugin-replace'
 import commonjs from '@rollup/plugin-commonjs'
 import svelte from 'rollup-plugin-svelte'
@@ -32,6 +34,19 @@ const preprocess = autoPreprocess({
     postcss: true
 })
 
+// Resolve and Alias
+const resolveExtensions = ['.mjs', '.js', '.svelte', '.scss', '.json', '.html']
+const aliases = alias({
+    resolve: resolveExtensions,
+    entries: [
+        { find: 'utils', replacement: path.resolve(__dirname, 'src/utils') },
+        { find: 'animations', replacement: path.resolve(__dirname, 'src/animations') },
+        { find: 'atoms', replacement: path.resolve(__dirname, 'src/atoms') },
+        { find: 'molecules', replacement: path.resolve(__dirname, 'src/molecules') },
+        { find: 'organisms', replacement: path.resolve(__dirname, 'src/organisms') },
+    ]
+})
+
 
 export default {
     /*
@@ -53,15 +68,16 @@ export default {
                 emitCss: true,
                 // css: css => css.write('static/bundle.css')
             }),
+            aliases,
             resolve({
                 browser: true,
-                extensions: ['.mjs', '.js', '.svelte', '.scss', '.json', '.html'],
+                extensions: resolveExtensions,
                 dedupe: ['svelte']
             }),
             commonjs(),
             // dev && eslint(),
             legacy && babel({
-                extensions: ['.js', '.mjs', '.html', '.svelte'],
+                extensions: resolveExtensions,
                 exclude: ['*.scss', '*.css', 'node_modules/@babel/**'],
                 runtimeHelpers: true
             }),
@@ -92,12 +108,13 @@ export default {
                 preprocess,
                 generate: 'ssr'
             }),
+            aliases,
             resolve({
                 browser: true,
-                extensions: ['.mjs', '.js', '.json', '.html', '.svelte', '.scss'],
+                extensions: resolveExtensions,
                 dedupe: ['svelte']
             }),
-            commonjs(),
+            commonjs()
         ],
         external: Object.keys(pkg.dependencies).concat(
             require('module').builtinModules || Object.keys(process.binding('natives'))
@@ -114,6 +131,7 @@ export default {
     // 	output: sapperConfig.serviceworker.output(),
     // 	plugins: [
     // 		resolve(),
+    //      aliases,
     // 		replace({
     // 			'process.browser': true,
     // 			...replaceOptions