我用create-react-app包创建了一个ReactJS项目,工作得很好,但我找不到webpack文件和配置。

react-create-app如何与webpack一起工作?webpack配置文件位于create-react-app的默认安装中的哪里?我无法在项目文件夹中找到配置文件。

我没有创建覆盖配置文件。我可以用其他文章管理配置设置,但我想找到传统的配置文件。


当前回答

弹出和编辑node_modules下的内容都不是最好的选择。 React-app-rewired不维护,并有警告:

...您现在“拥有”配置。不会提供任何支援。继续进行 小心……

解决方案——使用克拉可。

其他回答

假设你不想弹出,你只想查看配置,你会在/node_modules/react-scripts/config中找到它们

webpack.config.dev.js. //used by `npm start`
webpack.config.prod.js //used by `npm run build`

尝试弹出配置文件,通过运行:

npm run eject

然后你会发现在你的项目中创建了一个配置文件夹。你会发现你的webpack配置文件init。

弹出和编辑node_modules下的内容都不是最好的选择。 React-app-rewired不维护,并有警告:

...您现在“拥有”配置。不会提供任何支援。继续进行 小心……

解决方案——使用克拉可。

create-react-app使用的Webpack配置在这里: https://github.com/facebook/create-react-app/tree/master/packages/react-scripts/config

如果你想找到webpack文件和配置,去你的包。Json文件,并寻找脚本

你会发现scripts对象正在使用一个react-scripts库

现在转到node_modules,查找react-script-in-node-modules文件夹中的react-scripts

这个react-scripts/scripts和react-scripts/config文件夹包含了所有的webpack配置。