在react中使用@符号导入模块 | 配置weboack

目的

可以在项目中方便地使用绝对路径@/src/xxx/xxx导入文件，而不是一直使用相对路径../../xxx/xxx导入文件

方法

1. 运行npm run eject
   此命令会把 react-scripts 封装的一些webpack配置等全部解压到项目目录，项目结构中会多出 config 目录 和 scripts 目录
2. 在config/webpack.config.js文件的alias中插入代码

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

3. success!