如何將React包含為純JavaScript文件

Question

有沒有辦法做到這一點？ 我只在前端使用react.js，並希望保持這種狀態。

Answer 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">

Answer 2

您可以使用unpkg，它是npm上所有內容的快速全球內容交付網絡。 使用它可以使用以下網址快速輕松地從任何程序包加載任何文件：

<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>