react 中 webpack 配置别名

react 没有配置 alias(别名) 引入文件的时候 只能通过 ../../ 的方式引入,项目大了 这样操作就比较繁琐麻烦

运行 npm eject 将配置暴露出来

  • 找到 webpack.config.js 文件修改如下
const path = require('path');
const resolvePath = relativePath => path.resolve(process.cwd(), relativePath);

alias: {
  '@': resolvePath('src'),
  '@common': '../../common',
},

原文地址:https://www.cnblogs.com/chz1905/p/15506886.html