react中使用@引入模块

项目中用@引入组件，使用绝对路径引入文件，相对来说比相对路径引入要方便。在Vue中webpack直接有配置，直接使用了，但是在react中，不能直接使用，需要更改webpack的相关配置。

方法

1.运行下面命令

npm run eject

此命令会把 react-scripts 封装的一些webpack配置等全部解压到项目目录，项目结构中会多出 config 目录 和 scripts 目录
如图所示：

2.在config/webpack.config.js文件的alias中插入代码

alias: {
   ...
   '@': path.resolve('src')
},

更改完以后重新运行项目再用@引入就好了，一定要重新运行哦，我就是忘了重新运行，一直报错。。。。。。