如何构建React应用程序作为另一个网站内的小部件

我一直在使用React构建SPA（单页应用程序）。每当我开始一个新项目时，我都会使用create-react-app。到现在为止还挺好。如何构建React应用程序作为另一个网站内的小部件

我现在已经收到一个请求，将React应用程序作为一个小部件加载到现有的HTML页面中。

我的问题：我如何做到这一点？我可以参考使用CDN链接以及Babel的反应文件，但是我在使用Browserify或Webpack封装时遇到了麻烦。

你们有没有这方面的经验？也许你可以与我分享什么最好。

我试过用google搜索没有太多的运气。

谢谢。

来源

2016-12-14 user3870265

只需添加行webpack.config.js

... 
externals: { 
    'react': 'React', 
    'react-dom': 'ReactDOM' 
}, 
plugins: [...], 
....

排除从束反应，然后在页面上您包前加入

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.js"></script> 
<script type="text/javascript" src="/scripts/app.bundle.js"></script>

（它会安装像往常一样到指定的HTML元素）

来源

2016-12-14 21:31:52

或者只是跳过所有这些，只是在页面添加链接到您的包;） –

谢谢 - 我会试试这个。 – user3870265

如何构建React应用程序作为另一个网站内的小部件

回答

相关问题