Question

我一直在使用React构建SPA（单页应用程序）。每当我开始一个新项目时，我都会使用create-react-app。到目前为止一切都很好。

我现在收到了将React应用程序加载为现有HTML页面中的窗口小部件的请求。

我的问题：我如何实现这一目标？我可以使用CDN链接以及Babel来引用react文件，但是我无法使用Browserify或Webpack将我的头部包装起来。

你们中的任何人都有过这方面的经验吗？也许你可以与我分享最有效的方法。

我试着用谷歌搜索这个没有太多运气。

谢谢。

Answer 1

只需在webpack.config.js

中添加行

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

从捆绑包中排除React，然后在捆绑包

之前的页面添加它

<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元素）

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

1 个答案: