React - 使用 webpack 或 CRA 捆绑生产构建

Question

所以有一个想法，我想使用 React 构建一个相当简单的应用程序。我希望能够将此应用程序嵌入到任何 html 网站中，因此我的主要要求是我希望能够将构建捆绑到单个“myappbundle.js”文件中并像这样嵌入：

<div id="react-app-container-for-host-site></div>
<script="src=https://myhosting/myappbundle.js"></script>

从在线阅读来看，这是创建反应应用程序的限制，就好像您想更改开箱即用的 webpack 配置一样，您需要运行弹出脚本，再次通过在线阅读不完全推荐？我也不确定使用 create-react-app 是否会给我很多我不一定想要或使用的模块。因为我想嵌入我的应用程序，所以包大小对我来说非常重要，因此这可能是个问题。

现在我知道 create-react-app 并不是唯一的方法，我可以从一开始就使用 webpack/babel 创建我的应用程序，并且只在需要时安装我需要的东西。这里的问题是我对反应开发还很陌生，不想让自己陷入我无法维护的事情（反应 / webpack 等 CLA 会为我处理的地方）......总而言之，我'不反对这个想法，我只是好奇这是否是我的方案的唯一途径......

任何建议都将不胜感激，只是想知道对我来说最好的路线是什么。

Answer 1

您可以使用一些库来覆盖 create-react-app 中的配置，而不是弹出应用程序，以满足您的需求，例如 cracojs。 它真的很强大，我想它可以防止分成不同的块。

如果您需要一些非常简单的东西，您在 github 中有很多模板，但 CRA 为您带来了很多开箱即用的未来。