webpack - 使用 webpack 和 CommonsChunkPlugin 生成 AMD 模块

Question

我正在为一个系统开发多个插件，该系统将这些插件加载为 AMD 模块(使用 requirejs)。插件被编写为 ES6 模块并使用 webpack 打包(output.libraryTarget = 'amd')。到目前为止，一切都按预期进行。

但是插件共享很多公共(public)代码，这些代码捆绑到每个条目中。我尝试使用 CommonsChunkPlugin webpack 插件，但初始 block 包含不是 AMD 模块的代码。然而，在公共(public)卡盘上中继的其他入口点仍然可以正确生成。另外documentation说在一个页面上有多个初始 block (使用 JSONp 运行时)并不是一个好主意 - 另一个插件作者可能会使用相同的方法。

有没有办法以 AMD 兼容的方式优化这个用例？在我看来，CommonsChunkPlugin 中的一个错误是初始条目不是 AMD(但其代码在插件环境中加载仍然不安全)...是否有我缺少的配置？

Answer 1

我不太确定你的理解是否正确。但如果您想将 bundle 构建为 AMD 模块，则必须将其配置为 library :

...
output: {
    ...
    library: true,
    libraryTarget: 'umd'
},