build: webpack 路径别名配置

.storybook/webpack.config.js

@@ -2,7 +2,10 @@ const path = require('path');
 const webpack = require('webpack');
 
 // 路径别名
-const alias = {};
+const alias = {
+  "@components": path.resolve(__dirname, '../components'),
+  "@pages": path.resolve(__dirname, '../stories/pages'),
+};
 
 module.exports = {
   mode: 'production',

jsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "experimentalDecorators": true,
+    "baseUrl": ".",
+    "paths": {
+      "@pages/*": ["stories/pages/*"],
+      "@components/*": ["components/*"]
+    },
+    "target": "ES6",
+    "module": "es6",
+    "allowSyntheticDefaultImports": true
+  },
+  "exclude": ["node_modules"]
+}

stories/config.js

@@ -1,5 +1,6 @@
-import Introduce from './pages/base/Introduce';
-import scrollbar from './pages/container/Scrollbar';
+import Introduce from '@pages/base/Introduce';
+import scrollbar from '@pages/container/Scrollbar';
+
 export default [
   {
     title: '介绍',

stories/pages/container/Scrollbar/index.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Scrollbar } from '../../../../components';
-import '../../../../components/scrollbar/style';
+import { Scrollbar } from '@components';
+import '@components/scrollbar/style';
 
 export default () => {
   return (