用webpack和CommonsChunkPlugin生成AMD模块

Question

我正在开发多个插件到一个系统，加载这些插件作为AMD模块(需要)。插件以ES6模块的形式编写，并与webpack (output.libraryTarget = 'amd')打包在一起。到目前为止，一切都像预期的那样工作。

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

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

Answer 1

我不太确定是否正确地理解了你。但是如果你想把你的包构建成AMD模块，那么你必须把它配置成一个library

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