javascript - 将应用程序作为小部件加载到客户网站上的容器中

Question

我将构建一个应该用作小部件的应用程序，我想使用 react 来做到这一点，但我刚刚开始使用 react ，我使用“创建 react 应用程序”创建了应用程序，我制作了一些组件和我在开发环境中有工作原型(prototype)，但是......

这些人要求他们给我一个应该放置小部件的容器的id，他们要求提供css和js链接，他们希望在其中构建小部件。

我开始检查我的环境，但我有点不知道从哪里开始，在源代码中我看到连接了 gazilion 包和一些 40k 行的 bundle.js 文件。

客户是否有可能在他的网站上只是输入:

<link rel="stylesheet" type="text/css" href="__LINK_TO_SERVER__app.css">
<div id="app-widget"><!-- APP WILL BE HERE --></div>
<script src="__LINK_TO_SERVER__/app.js"></script>

这个应用程序可以运行吗？

如果是这样，需要采取哪些步骤才能使其发挥作用？

Answer 1

1. 这完全有可能。
2. 您可以添加<link rel="stylesheet">插入到你的 js 包中
3. 不要忘记 async选项:<script async src="__LINK_TO_SERVER__/app.js"></script>