React-使用Webpack或CRA打包生产

时间:2020-05-12 13:22:25

标签: javascript reactjs webpack embed create-react-app

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

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

从在线阅读开始,这是create react应用程序的局限性,就像您要更改开箱即用的Web Pack配置一样,您需要运行弹出脚本,这又不是完全建议通过在线阅读吗?我也不确定使用create-react-app是否会给我很多我不一定要使用的模块。当我要嵌入我的应用程序时,捆绑包的大小对我来说非常重要,因此这可能是个问题。

现在,我知道create-react-app并不是解决问题的唯一方法,并且我可以从头开始使用webpack / babel创建我的应用,并仅在需要时安装所需的东西。这里的问题是,我对开发非常陌生,不想让自己陷入无法维护的事情(react / webpack等,CLA会为我处理的事情)...说了这么多,我我不反对这个主意,我只是好奇这是否是我的方案的唯一途径...

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

1 个答案:

答案 0 :(得分:0)

代替弹出应用程序,您可以使用一些lib来覆盖create-react-app中的配置,以满足您的需求,例如cracojs。 它确实功能强大,我想您可以防止它分裂为不同的块。

如果您需要一些简单的东西,则github中有很多模板,但是CRA为您带来了很多未来。