javascript - 如何在Webpack中将供应商/库分块到自己的文件中？

如何使用CommonsChunkPlugin将多个供应商分块到自己的块文件中？

我想将每个库分别分块到自己的Chunk文件中，并有效地具有


公地。[chunkhash] .js
反应。[chunkhash] .js
lodash。[chunkhash] .js
bluebird。[chunkhash] .js
app。[chunkhash] .js


并且在使用OccurenceOrderPlugin时，请确保无论应用程序代码如何更改（或），无论模块需要多少次，它对于所有不变的库都具有相同的chunkhash。

是否可以以某种方式对块ID进行优先级排序或配置？

最佳答案

您可以为每个库都有一个条目，并使用CommonsChunkPlugin。这是一个大概的想法：

module.exports = {
  entry: {
    ...
    react: 'react',
    lodash: 'lodash',
    ...
  },
  ...
  plugins: [
    new webpack.optimize.CommonsChunkPlugin('react', 'react.[chunkhask].js'),
    ...
  ]
};

诸如此类的东西可能是您的起点。另请参阅官方文档上的Split app and vendor code。