我使用该create-react-app包创建了一个 ReactJS 项目并且运行良好，但是我找不到 webpack 文件和配置。
react-create-app 如何与 webpack 配合使用？默认安装中的 webpack 配置文件在哪里create-react-app？我无法在我的项目文件夹中找到配置文件。
我还没有创建覆盖配置文件。我可以使用其他文章管理配置设置，但我想找到传统的配置文件。
create-react-app webpack 配置和文件在哪里？
IT技术
javascript
reactjs
webpack
ecmascript-6
create-react-app
2021-02-21 15:58:10
6个回答
如果您想查找 webpack 文件和配置，请转到您的 package.json 文件并查找脚本
你会发现脚本对象正在使用一个库react-scripts
现在转到 node_modules 并查找 react-scripts 文件夹react-script-in-node-modules
这个react-scripts/scripts和react-scripts/config文件夹包含所有的 webpack 配置。
这些文件位于您的node_modules/react-scripts文件夹中：
网络包配置：
启动脚本：
https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/scripts/start.js
构建脚本：
https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/scripts/build.js
测试脚本：
https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/scripts/test.js
等等 ...
现在，CRA 的目的不是担心这些。
从文档：
您不需要安装或配置 Webpack 或 Babel 之类的工具。它们是预先配置和隐藏的，以便您可以专注于代码。
如果你想访问配置文件，你需要通过运行来弹出：
npm run eject
注意：这是一种单向操作。一旦弹出，就无法返回！
在大多数情况下，最好不要弹出并尝试以另一种方式找到适合您的方法。
如果您需要覆盖某些配置选项，您可以查看https://github.com/gsoft-inc/craco
很多人来到这个页面的目的是找到 webpack 配置和文件，以便将他们自己的配置添加到它们中。另一种无需运行即可实现此目的的方法npm run eject是使用react-app-rewired。这允许您在不弹出的情况下覆盖您的 webpack 配置文件。
假设您不想弹出并且只想查看您会在其中找到它们的配置 /node_modules/react-scripts/config
webpack.config.dev.js. //used by `npm start`
webpack.config.prod.js //used by `npm run build`
使用的 Webpack 配置create-react-app在这里：https :
//github.com/facebook/create-react-app/tree/master/packages/react-scripts/config
其它你可能感兴趣的问题