在webpack中异步加载

Question

我有以下情况。

参赛作品A

require("./test.js");

条目B

require("./test.js");

test.js

module.exports = "something";

我想用webpack编译这些javascript文件。 在html页面上，我只想包含EntryA.js。 EntryA和EntryB之间的所有共同之处都应放在一个单独的文件中。 现在，当需要test.js时，应该从网上下载该通用文件。

这可能吗，我应该如何进行？

Answer 1

Webpack提供了两种拆分JS的方法。

1. 使用多个入口点 （已完成）。
2. 通过require.ensure （或Webpack 2中的System.import ）定义拆分点 。

方法1实际上是供传统的“多”页面网站使用的，并且要求您在正确的页面上导入适当的入口点。 注意：您可以使用CommonsChunkPlugin提取所有共享代码，但是仍然必须手动引用它。

方法2更适合于单页应用程序，并将在必要时自动加载新脚本。