如何使用Webpack延迟加载外部模块？

Question

它可以使用externals来使用全局变量，但是是否可以像Code Splitting特性那样按需延迟加载外部js文件？

Answer 1

您应该使用脚本加载器https://github.com/ded/script.js

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

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

Answer 2

我已经写了一个加载器，它允许你通过一个全局定义的命名空间将来自一个webpack构建的模块公开给其他构建，这让你可以定义你想要在webpack构建之间共享哪些模块，并允许你在保持包完好无损的同时共享公共模块。

https://github.com/MrFrankel/share-loader