关于react.js:react项目配置指向src文件夹

1.开发环境 react

2.电脑系统 windwos11

3.在开发的过程中,咱们常常须要引入一些文件,比如说:款式文件/组件文件/图片/办法等,咱们在常常引入文件的时候,会通过以下形式去引入:

import { Instance1 } from "../network/Instances/Instance1";import { Instance2 } from "../network/Instances/Instance2";

//这样写没有错,页能实现文件的引入,然而一旦文件的构造产生了变动,就会找不到这个文件,如果咱们找到src目录并且把src目录起一个名字,那么咱们引入这个src目录的名字,这样的话咱们就能通过这个名字找到src目录不必再../或./了,那么怎么把src目录起名字呢?

4.裸露我的项目配置项

npm 形式:    npm run ejectcnpm 形式:    cnpm run ejectyarn 形式:    yarn eject

留神:::此步骤不可逆,裸露了配置项的就不能再回去了

5.配置 webpack.config.js
见文件:config/webpack.config.js(大略310行左近,搜：alias:)

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

// 重启我的项目

5-1.下面的文件引入咱们就能够这样写了

import { Instance1 } from "@/network/Instances/Instance1";import { Instance2 } from "@/network/Instances/Instance2";

6.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰。