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

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