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',
},

posted @ 2021-11-04 09:58  想上天与太阳并肩  阅读(216)  评论(0编辑  收藏  举报