Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Webpack轻松加载外部模块?_Javascript_Webpack_Code Splitting - Fatal编程技术网

Javascript 如何使用Webpack轻松加载外部模块?

Javascript 如何使用Webpack轻松加载外部模块?,javascript,webpack,code-splitting,Javascript,Webpack,Code Splitting,它可以使用externals来使用全局变量,但是否可以像代码拆分功能那样按需延迟加载外部js文件?您应该使用脚本加载器 “与许多其他脚本加载程序一样,$script.js允许您从任何URL按需加载脚本资源,而不阻止加载其他资源(如CSS和图像)。” 我已经编写了一个加载程序,它允许您通过全局定义的命名空间将一个webpack构建中的模块公开给其他构建,这允许您定义要在webpack构建之间共享的模块,并允许您在保持捆绑包完整的同时共享公共模块 var $script = require("sc

它可以使用
externals
来使用全局变量,但是否可以像
代码拆分
功能那样按需延迟加载外部js文件?

您应该使用脚本加载器

“与许多其他脚本加载程序一样,$script.js允许您从任何URL按需加载脚本资源,而不阻止加载其他资源(如CSS和图像)。”


我已经编写了一个加载程序,它允许您通过全局定义的命名空间将一个webpack构建中的模块公开给其他构建,这允许您定义要在webpack构建之间共享的模块,并允许您在保持捆绑包完整的同时共享公共模块

var $script = require("scriptjs");
$script("//ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js", function() {
  // ...
});