在create-react-app项目中放置webpack.config.js文件的位置

Question

我被指示在 webpack.config.js 文件中添加一些指令，但是在我的 create-react-app 项目中找不到该文件。 目前 StackOverFlow 上提供的答案需要弹出该项目，但我认为这会破坏我的项目。 是否可能在不弹出项目的情况下在 create-react-app 项目中使用 webpack.config.js？ webpack.config.js 文件在哪里？或者应该将其放在哪里？

- preston

---

Create React App建议使用此文章来配置您的应用程序，而无需弹出（来源）。 - apokryfos

Answer 1

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

- Javad Khodadadi

Answer 2

create-react-app会隐藏您的配置文件。如果您想要修改它们，您必须运行npm run eject。这将把它们放在config/文件夹下。

在执行此操作之前，请先阅读以下内容，因为这是不可逆转的操作: https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#npm-run-eject

- Cereal

---

尽可能地，我想避免弹出项目......因为我不知道如何处理弹出的项目.....还有其他方法吗？ - preston

Answer 3

你可能希望使用Craco。它允许你覆盖create-react-app的配置。除此之外，eject也是一个不错的选择，并且不应该破坏你的应用程序。

- DSCH

---

如何在Craco中添加webpack指令？{ test: /.json$/, loader: 'url-loader', options: { limit: false, publicPath: 'assets' }, type:'javascript/auto' } - preston