有沒有辦法使用webpack使用reactjs的cdn文件？

Question

我無法在reactjs中配置推送器和使用npm進行獲取。另外，有沒有辦法在你的反應代碼中使用cdn？

Answer 1

最後我想出了一個非常簡單的答案

安裝NPM推-JS，ES6-承諾，同構取並導入它作爲

var Pusher=require('pusher-js'); 
var fetch=require('isomorphic-fetch'); 
require('es6-promise').polyfill(); 

Answer 2

可以使用反應 - 異步腳本加載器作爲一個高階組件這個：https://github.com/leozdgao/react-async-script-loader

通過NPM只要安裝它：

npm install --save react-async-script-loader 

然後將它導入和擴展組件需要帶有scriptLoader的cdn javascripts爲您的組件添加了您想要包含的url。

import scriptLoader from 'react-async-script-loader'; 

// Your component code: 
class YourComponent extends React.Component { 
    render() { 
    return <p>{ 
     this.props.isScriptLoadSucceed ? 'Scripts loaded.' : 'Loading...' 
    }</p>; 
    } 
} 

export default scriptLoader([ 
    'https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js', 
    'https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js' 
])(YourComponent); 

這樣，文件只在你真正需要它們的地方加載。一旦加載，它們不會再被包含（如果更新組件）。

裝飾者（ES7）的語法也可以工作，如果你喜歡它，而不是HOC實現，這在項目README中有記錄。