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即可