如何将React包含为纯JavaScript文件

时间:2017-09-24 20:56:52

标签: reactjs react-toolbox

有没有办法实现这个目标?我只在前端使用react.js,并希望保持这样。

2 个答案:

答案 0 :(得分:1)

当您通过Yarn / npm构建应用程序时,这基本上就是您要做的事情。系统将捆绑您的资产并生成HTML文件。如果你打开构建的index.html,你应该在普通的JS和HTML中看到你解析的React应用程序。

如果您打算将构建放在CDN上,您需要做的就是将资产(JS和CSS)和index.html移动到您想要托管它们的任何位置。确保<script><link>指向index.html中的捆绑资产。

<script type="text/javascript" src="/static/js/your-bundle-main.js"></script> <link href="/static/css/your-bundlemain.0a265734.css" rel="stylesheet">

答案 1 :(得分:1)

您可以使用unpkg,这是一个快速的全球内容分发网络,可用于npm上的所有内容。使用它可以使用以下URL快速轻松地从任何包加载任何文件:

<script src="unpkg.com/react@15.3.1/dist/react.min.js"></script>
<script src="unpkg.com/react-dom@15.3.1/dist/react-dom.min.js"></script>