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

Question

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

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