react如何使用@引入文件路径？

react如何使用@引入文件路径？

问题： 最近忙于毕设，使用react脚手架搭建的项目，在引入文件时出现了下面的情况：

预期效果：

这样大大提升了代码的美观度，而且简洁明了。

1、暴露配置文件

react官方脚手架默认是将 webpack 配置隐藏起来了，在进行配置之前需要将 webpack 配置暴露出来。

npm run eject
# or
yarn run eject

会出现一个命令提示：这是一个单向操作，确认操作后不可逆转/返回?
输入 y 回车
成功之后 在项目根目录出现 config 文件夹，在 config 文件夹中找到 webpack.config.js 文件：

2、配置

找到alias

在alias中添加一行：

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

你以为这样就结束了？

3、重新启动项目

使用@引入文件后，一定要重新启动！！！

一定要重新启动！！！
一定要重新启动！！！
一定要重新启动！！！