我们在每个页面中都有一个跨多个服务的公共小部件,我们希望在ReactJS中为这个小部件编写一个公共的客户端再现代码作为外部托管的js,这样每个页面都可以包含这个在他们的页面中托管JS以呈现小部件。但是这些页面中的许多都是用不同的JS框架(angular / inferno / typescript / etc)编写的,甚至是普通的JS。现在请原谅我这是一个无知的问题,但我认为可以使用babel将ReactJS代码编译成javascript,然后可以使用任何框架(angular / typescript / etc)将捆绑的js文件直接包含在任何页面中。我的假设是正确的,还是这种方法会导致问题。还有其他什么输入吗?
PS:我对任何这些JS框架都很陌生,并且只参与了涉及普通版JS的小项目。
答案 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/css
,build/index.html
等在文本编辑器中打开{{1}}文件并进行研究。我想你将能够弄清楚其余部分。