我使用该create-react-app
软件包创建了一个ReactJS项目,该项目运行良好,但是找不到Webpack文件和配置。
react-create-app如何与webpack一起使用?默认情况下,使用以下命令安装的webpack配置文件在哪里create-react-app
?我在项目的文件夹中找不到配置文件。
我尚未创建替代配置文件。我可以与其他文章一起管理配置设置,但是我想找到常规的配置文件。
我使用该create-react-app
软件包创建了一个ReactJS项目,该项目运行良好,但是找不到Webpack文件和配置。
react-create-app如何与webpack一起使用?默认情况下,使用以下命令安装的webpack配置文件在哪里create-react-app
?我在项目的文件夹中找不到配置文件。
我尚未创建替代配置文件。我可以与其他文章一起管理配置设置,但是我想找到常规的配置文件。
假设您不想弹出,而只想查看配置,则会在其中找到它们 /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
许多人来到此页面的目的是查找webpack配置和文件,以便向其添加自己的配置。另一种无需运行即可实现此目的的方法npm run eject
是使用react-app-rewired。这使您可以覆盖webpack配置文件而不会弹出。
如果要查找webpack文件和配置,请转到package.json文件并查找脚本
您会发现脚本对象正在使用库react-scripts
现在转到node_modules并查找react-scripts文件夹react-script-in-node-modules
这个react-scripts / scripts和react-scripts / config文件夹包含所有webpack配置。
From the documentation:
您不需要安装或配置Webpack或Babel之类的工具。它们是预先配置和隐藏的,因此您可以专注于代码。
如果要访问配置文件,则需要通过运行以下命令退出:
npm run eject
注意:这是单向操作。一旦弹出,就无法返回!
在大多数情况下,最好不要弹出并尝试找到一种使它以其他方式为您工作的方法。这样,您可以通过更新您的依赖关系,create-react-app
而不必处理Webpack依赖关系。
您可以在/ config文件夹中找到它。
弹出时,您会收到类似以下的消息:
Adding /config/webpack.config.dev.js to the project
Adding /config/webpack.config.prod.js to the project
Webpack配置由react-scripts处理。您可以在node_modules react-scripts / config中找到所有webpack 配置。
而且,如果您要自定义webpack配置,则可以遵循以下custom-webpack-config