使用简单的Javascript和HTML页面的External Hosted React JS

时间:2017-10-25 08:49:32

标签: reactjs typescript

我们在每个页面中都有一个跨多个服务的公共小部件,我们希望在ReactJS中为这个小部件编写一个公共的客户端再现代码作为外部托管的js,这样每个页面都可以包含这个在他们的页面中托管JS以呈现小部件。但是这些页面中的许多都是用不同的JS框架(angular / inferno / typescript / etc)编写的,甚至是普通的JS。现在请原谅我这是一个无知的问题,但我认为可以使用babel将ReactJS代码编译成javascript,然后可以使用任何框架(angular / typescript / etc)将捆绑的js文件直接包含在任何页面中。我的假设是正确的,还是这种方法会导致问题。还有其他什么输入吗?

PS:我对任何这些JS框架都很陌生,并且只参与了涉及普通版JS的小项目。

1 个答案:

答案 0 :(得分:0)

您可以在任何html DOM节点中安装您的react根节点(通常为react-dom)。这是render( <App />, document.getElementById("root")); 所做的事情

npm run build

这对你来说很熟悉。

现在,来看看如何实际做到这一点。我假设你正在使用create-react-app。

  • 在项目文件夹中运行your-project-folder/build
  • 完成后,您会在build/index.html内找到一堆文件,包括

    • build/static/js
    • build/static/cssbuild/index.html
  • 在文本编辑器中打开{{1}}文件并进行研究。我想你将能够弄清楚其余部分。