关于react.js:react配置为src根目录

5次阅读

共计 391 个字符,预计需要花费 1 分钟才能阅读完成。

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, 心愿对你有所帮忙, 让咱们一起致力走向巅峰!

正文完
 0