refactor: Configuring absolute imports because relative one sucks

Author: microcipcip

.storybook/webpack.config.js

@@ -1,3 +1,6 @@
+const path = require('path')
+const rootDir = path.resolve(__dirname, '..')
+
 module.exports = ({ config }) => {
   // Enable typescript support
   config.module.rules.push({
@@ -18,6 +21,10 @@ module.exports = ({ config }) => {
     ]
   })
 
+  config.resolve.alias = Object.assign(config.resolve.alias, {
+    '@src': path.resolve(rootDir, 'src')
+  })
+
   config.node = {
     __dirname: true
   }

package.json

@@ -67,7 +67,10 @@
     "moduleFileExtensions": [
       "ts",
       "js"
-    ]
+    ],
+    "moduleNameMapper": {
+      "^@src/(.*)$": "<rootDir>/$1"
+    }
   },
   "prettier": {
     "semi": false,

tsconfig.json

@@ -13,7 +13,11 @@
     "emitDecoratorMetadata": true,
     "declarationDir": "dist/types",
     "outDir": "dist/lib",
-    "typeRoots": ["node_modules/@types"]
+    "typeRoots": ["node_modules/@types"],
+    "baseUrl": ".",
+    "paths": {
+      "@src/*": ["./src/*"]
+    }
   },
   "include": ["src"]
 }