Create React App项目中npm start如何指定非index.js启动文件

我明白你想用Create React App搭建的todo项目里，替换默认的index.js作为服务启动的入口文件对吧？结合你给出的package.json配置，我给你两种可行的方案，你可以根据需求选择：

方案一：无需执行eject（推荐） #

这个方法不用修改任何底层配置，简单易维护：

• 先在src目录下创建你想要作为入口的新文件，比如app.js，把原来index.js里的所有代码迁移到这个新文件中
• 然后修改原来的index.js，只保留对新入口文件的导入：

import './app.js';

这样当你执行npm start时，虽然还是会加载默认的index.js，但它会直接转发执行你新创建的app.js内容，完美实现替换入口的需求。

方案二：执行eject后修改配置（适合需要深度自定义的场景） #

⚠️ 注意：eject操作是不可逆的，它会把Create React App封装的所有配置文件暴露到项目中，一旦执行就无法恢复到原来的简洁状态，请谨慎操作！

步骤如下：

1. 在项目根目录执行命令，暴露配置文件：

npm run eject

2. 执行完成后，项目根目录会多出config文件夹，找到并打开config/paths.js文件
3. 在文件中找到appIndexJs这一行，默认配置是：

appIndexJs: resolveModule(resolveApp, 'src/index'),

把其中的'src/index'替换成你想要的入口文件路径，比如你想把src/main.js作为入口，就改成：

appIndexJs: resolveModule(resolveApp, 'src/main'),

4. 保存修改后，再次执行npm start，服务就会以你指定的文件作为入口启动了

另外要注意：不管用哪种方案，你的新入口文件都需要包含React应用启动的核心代码，比如类似原来index.js里的ReactDOM.render逻辑，确保应用能正常渲染。

内容的提问来源于stack exchange，提问作者DCR