webpackでリモートファイルを読み込む方法

Question

the remote file is a single components compiled by webpack 
    the wenpack config as follow: 


    { 
    ..... 
    library: library 
    ,externals: externals 
    ,libraryTarget: "umd" 
    ..... 
    } 

コンポーネントがcdnにあります。 私はロードして、反応でリモートコンポーネントを使用します。 とどのように擬似コードのようにそれを使用します

ajax -> get a json > { components name } > use the name to load romote file  
    for example the json have the botton i need to load the botton.min.js 

    var Button = reuqire('http://botton.min.js') 
    class App extends React.Component { 
    render() { 
     return (
      <div> 
      <Botton/> 
      </div> 
     ); 
    } 
} 
export default App; 

Answer 1

あなたが尋ねる前に検索していましたか？

• https://stackoverflow.com/a/33293033/1204375
• how to use webpack to load CDN or external vendor javascript lib in js file, not in html file
• Webpack and external libraries
• How to use a library from a CDN in a Webpack project in production
• https://github.com/webpack/webpack/issues/150
• https://github.com/webpack/webpack/issues/240

Answer 2

npm install scriptjs 
var $script = require("scriptjs"); 
$script("//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js", function() { 
    $('body').html('It works!') 
});