react配置@为src根目录

react配置@为src根目录（绝对路径）

1.电脑系统 windows10专业版
2.做项目的时候需要引入很多文件,当引入文件路径的时候感觉写的路径很长,这就感到很难受了,万一需要添加几层目录就扯淡了,还要改!所以直接配置成绝对路径，管他加几个目录我找到的就是根路径。
3.找到node_modules/react-scripts/config/webpack.config.js
4.找到 alias 如图：

//添加代码:

'@': path.resolve('src'),

5.注意:配置绝对路径@相当于src 所以引入的时候这样写,举例,在router.js中可以这样引入:

import Home from '@/Home/Home'
import About from '@/About/About'

结构如如下:

6.本期的教程到了这里就结束啦,是不是很nice,希望对你有所帮助,让我们一起努力走向巅峰!