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

标签 javascript reactjs

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

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

我开始检查我的环境,但我有点不知道从哪里开始,在源代码中我看到连接了 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>

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

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

最佳答案

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

关于javascript - 将应用程序作为小部件加载到客户网站上的容器中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52162384/

相关文章:

javascript - 使用 Ramda,你如何针对二进制函数进行组合?

javascript - jQuery 通过 ID 引用外部模板脚本

javascript - RxJS:将 promise 结果和 promise 错误映射到不同的值

javascript - 无法子类化内置 String 对象

reactjs - 临时 react 组件中的样式组件

javascript - React useState() - 没有 CSS 转换?只是跳转到新类,没有动画/过渡

javascript - 使用 ReactJS 将 formData 发送到 Express API 并获取响应的 JSON

javascript - Material UI - 如何将网格容器拉伸(stretch)到父级高度和宽度

javascript - 在 React 中渲染动态输入字段

javascript - 等待来自另一个 mobx 存储的异步数据