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

前言：

做项目的时候需要引入很多文件，当引入文件路径的时候感觉写的路径很长，这就感到很难受了，万一在碰见哪个客户提出多加一层目录混蛋需求这就又要改。所以直接配置成绝对路径，管他加几个目录我找到的就是根路径。

下面看下怎样配置吧：

①：找到node_modules/react-scripts/config/webpack.config.js

②：找到alias如图

③：添加下面的代码

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

注意：

配置绝对路径@相当于src 所以引入的时候这样写

import '@/style/header.less'

我的项目目录