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

4次阅读

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

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 eject
cnpm 形式:
    cnpm run eject
yarn 形式:
    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. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰。

正文完
 0