如何使用Webpack实现懒加载外部模块？

Question

可以使用externals来使用全局变量，但是是否可以像Code Splitting功能一样按需延迟加载外部js文件呢？

- Sin

Answer 1

我编写了一个加载器，允许你通过全局定义的命名空间从一个 webpack 构建中公开模块给其他构建使用。这使你可以定义想要在 webpack 构建之间共享哪些模块，并允许你在保持捆绑包完整的同时共享通用模块。

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

- user2071276

Answer 2

你应该使用脚本加载器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() {
  // ...
});

- Žarko Selak