更改/添加create-react-app入口点或index.js的位置

时间:2019-04-03 12:01:34

标签: javascript reactjs webpack plugins config

我正在尝试使用create-react-app创建一个简单的Web应用程序。我已将页面和组件移到src下分别标记为pagescomponents的单独目录中。我想将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

3 个答案:

答案 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之后,将在项目主目录中添加两个新文件夹,即configscripts
将条目appIndexJs: resolveModule(resolveApp, 'src/index')更新为appIndexJs: resolveModule(resolveApp, 'src/pages/index')。之后,您可以照常构建/运行项目。