我正在尝试使用create-react-app创建一个简单的Web应用程序。我已将页面和组件移到src下分别标记为pages
和components
的单独目录中。我想将index.js的入口点从src / index.js更改/添加到src / pages / index.js。另一个选择是将index.js保留在src /中,并从页面和组件目录中导入。有人可以帮助我找到如何更改入口点路径吗?
我似乎找不到默认的html-webpack-plugin配置文件的位置。
这就是我想要的结构:
(in src)
...
pages/
- App.js
- Home.js
components/
- Filter.js
serviceWorker.js
答案 0 :(得分:0)
你可以做 npm运行弹出
这将解压缩config和scripts文件夹。 注意:您无法撤消此操作,一旦弹出模块,您应该可以自己处理所有配置文件。
另一种方法是使用传统的方法来创建React应用,而无需使用create react app样板。
答案 1 :(得分:0)
尝试使用npm run弹出。
这将从项目文件夹中的node_module / react-script中获取所有脚本。在那里,您将可以访问config文件夹中的webpack.config.js文件。您可以搜索html-webpack-plugin并获取访问点。 我已经将访问点添加到config / paths.js中,并用作对我有用的默认访问点。
注意:请确保您没有任何其他配置设置,因为如果环境设置更改或不匹配,将很难管理。
答案 2 :(得分:0)
这是create-react-app@3.4.1
所需的确切更改。运行npm run eject
之后,将在项目主目录中添加两个新文件夹,即config
和scripts
。
将条目appIndexJs: resolveModule(resolveApp, 'src/index')
更新为appIndexJs: resolveModule(resolveApp, 'src/pages/index')
。之后,您可以照常构建/运行项目。