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

你在问之前搜索了吗？

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!')
});

Answer 3

就像我在另一篇文章中所说的：我一直在寻找解决方案，并且大多数提案都是基于外部的，这对我来说是无效的。

此处有更多信息：https://stackoverflow.com/a/62603539/8650621

基本上，我使用了一个单独的JS文件，该文件负责将所需文件下载到本地目录中。然后，WebPack会扫描该目录，并将下载的文件与应用程序捆绑在一起。

如何在webpack中加载远程文件

3 个答案: