1 修复缺失的调试依赖

      2 支持数组output.library.root

案例说明

      这个例子结合了代码拆分和加载器。确保您已阅读仅显示该功能的示例文档。

      bundle loader被用来为`file.js`创建一个包装模块，用于根据需要加载这个模块。包装模块返回一个可以被调用以异步接收内部模块的函数。

      2、将[chunkhash]和Code Splitting组合在一起的一个常见挑战是入口块包含webpack运行时和chunkhash映射。这意味着它总是被更新，`[chunkhash]`是无用的，因为这个块不会被缓存。

      解决此问题的一个非常简单的方法是创建另一个仅包含webpack运行时(包括chunkhash映射)的块。这可以通过`optimization.runtimeChunk`选项来实现。为了避免对另一个块的附加请求，这个非常小的块可以内联到HTML页面中。

      3、side-effects

      这个例子显示了库作者的`sideEffects`标志是如何工作的。

      该示例包含一个大型库“big-module”。 `big-module`包含多个子模块：`a`，`b`和`c`。来自子模块的输出在库的输入模块(`index.js`)中被重新输出。消费者使用**一些**出口，从库中通过`import {a，b}从“大模块”中导入它们。根据EcmaScript规范，所有子模块_必须被评估，因为它们可能包含副作用。

      `big-module`的`package.json`中的``sideEffects“：false`标志表示该软件包的模块没有副作用(评估时)，只显示导出。这使得像webpack这样的工具可以优化再出口。在来自“big-module-with-flag”`的import {a，b}被重写为`import {a} from“big-module-with-flag / a”;从“big-module-with-flag / b”`导入{b}。

      该示例包含两个“big-module”变体。 `big-module`没有`sideEffects`标志，`big-module-with-flag`有`sideEffects`标志。示例客户端从每个变体中导入`a`和`b`。

      在由webpack构建之后，输出包从`big-module`包含`index.js``a.js``b.js``c.js`，但只包含`a.js`和`b.js`从`big-module-with-flag`。