create-react-app webpack config and files 在哪里?

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

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

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


答案 1

如果要查找 webpack 文件和配置,请转到 package.json 文件并查找脚本

img

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

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

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


答案 2

这些文件位于您的文件夹中:node_modules/react-scripts

Webpack config:

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/config/webpack.config.js

启动脚本:

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