原生React项目配置 @ 别名＜简写文件路径＞

该文主要针对原生react项目进行 @ 别名的配置，以及使用，不需要安装任何的额外插件

如果对react项目的初始化过程不太了解，可移步<http://t.csdnimg.cn/Wb2us>参阅

恢复配置文件

该命令为react原生项目中默认提供<可从package.json当中进行查阅>

运行命令以后会询问是否执行该操作<询问内容：该操作为不可逆操作，是否继续>，输入y回车

需要注意：执行该操作需要将本地修改的内容全部提交，否则会恢复失败

命令执行完成之后会在根目录下生成/config的目录，如下图

npm run eject

 

配置别名

于上述生成的/config/webpack.config.js中找到alias的配置配置对象，插入如下代码
'@': path.resolve(__dirname, '../src'),(如下图所示)

 

重启项目

上述配置修改完成之后，重新启动项目，即可在项目中正常使用 @ 别名