webpack配置alias別名設置

處理import時超長的路徑引入

1，在項目根目錄下新建alias.config.js文件，加入如下內容

const path = require('path');
module.exports = {
    resolve: {
        alias: {
          '@': path.resolve(__dirname, "src"),
          '_c': path.resolve(__dirname, "src/components"),
        }
      }
};

2，配置idea，以webstorm為例：settings -> Languages & Frameworks -> JavaScript -> Webpack
在右邊選擇剛才創建的文件路徑
3，配置webpack.config.js 在webpack.config.js中搜索resolve；
在resolve下的alias里添加：'@': paths.appSrc
至此，重啟app即可