React 更改程序入口点(index.js文件位置变更)

食用前提示:本文基于已经快速配置好的React环境而作,配置React环境详见拙作:React环境配置-CSDN博客~

一、了解默认入口点

使用create-react-app快速搭建react环境后,npm start启动程序的默认入口点为/src/index(即src目录下的index.js文件)

二、找到配置信息位置

此时我们想更改index.js所在目录,除了需要更改相应的引用(更改时vscode会自动提示是否更新相关引用)之外,还需要重新设置入口点。

路径:node_modules ->react-scripts->config->paths.js

三、更改path.js文件中的地址信息

切记,该文件中不止一处appIndexJs需要更改,一定要更改所有的地址并保存


完成以上步骤后保存文件信息更改 重新npm start验证即可~如有问题,欢迎评论or私信交流讨论,共勉ovo~

相关推荐
陈随易14 分钟前
2年没用Nodejs了,Bun很香
前端·后端·程序员
donecoding30 分钟前
Corepack 完全解析:从懵到懂,包管理器自由了
前端·node.js·前端工程化
yqcoder33 分钟前
端经典面试题:为什么 0.1 + 0.2 !== 0.3?
前端·css
ZC跨境爬虫38 分钟前
跟着 MDN 学 HTML day_12:(HTML网页图片嵌入)
前端·javascript·css·ui·html
光影少年44 分钟前
reeact虚拟DOM、Diff算法原理、key的作用与为什么不能用index
前端·react.js·掘金·金石计划
用户059540174461 小时前
大模型记忆存储踩坑实录:LangChain 的 ConversationBufferMemory 让我排查了 6 小时
前端·css
是上好佳佳佳呀1 小时前
【前端(十二)】JavaScript 函数与对象笔记
前端·javascript·笔记
你真的快乐吗1 小时前
@fuxishi/svg-icon:一个 Vue 3 svg本地图标+iconify图标组件库,让图标管理不再头疼
前端·vue.js·typescript
Rkgua1 小时前
ESModule和Commonjs模块的区别
前端·javascript
江南十四行1 小时前
ReAct Agent 基本理论与项目实战(二)
前端·react.js·前端框架