如何構建React應用程序作爲另一個網站內的小部件

Question

我一直在使用React構建SPA（單頁應用程序）。每當我開始一個新項目時，我都會使用create-react-app。到現在爲止還挺好。

我現在已經收到一個請求，將React應用程序作爲一個小部件加載到現有的HTML頁面中。

我的問題：我如何做到這一點？我可以參考使用CDN鏈接以及Babel的反應文件，但是我在使用Browserify或Webpack封裝時遇到了麻煩。

你們有沒有這方面的經驗？也許你可以與我分享什麼最好。

我試過用google搜索沒有太多的運氣。

謝謝。

Answer 1

只需添加行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元素）