将 Webpack 添加到现有的 React 应用程序答案

【问题标题】：Adding Webpack to existing React app将 Webpack 添加到现有的 React 应用程序
【发布时间】：2020-01-14 19:03:05
【问题描述】：

所以我使用create-react-app 构建了应用程序的第一部分。默认情况下，它使用npm 进行构建、本地运行等...

我想做的是转而使用 Webpack，但不破坏现有设置并进行了一些谷歌搜索，但没有任何开始并一步一步进行，因此我可以更好地了解它在做什么以及它在哪里去。还想将 webpack-dev-server 与此结合使用。

也就是说，我希望你们能提出一些建议，或许还能指出一些好的教程来推动这一进程？

非常感谢。

【问题讨论】：

create-react-app 实际上使用了 webpack，但是对用户隐藏了配置。您可以运行npm eject，这将允许您更改 webpack 配置，并且不会破坏您现有的设置。
正如@dostu 所说，自定义配置违背了create-react-app 的Philosophy。自定义配置需要弹出。这段来自readme 的摘录解释了“功能集是有意限制的。它不支持服务器渲染或 CSS 模块等高级功能。该工具也是不可配置的，因为它很难提供有凝聚力的体验和当用户可以调整任何东西时，可以通过一组工具轻松更新"

【解决方案1】：

使用 Webpack 创建 React 应用。如果你想为这个项目修改 Webpack.config，你可以从这里运行 yarn injection/npm injection，你负责 Webpack.config，所以更新 react 脚本会更困难。

如果你不想对 Webpack.config 负责，你可以尝试使用 react-app-rewired。

【讨论】：