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

Question

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

我想将每个库分别嵌入到自己的Chunk文件中，并且实际上有，

1. 公地。[chunkhash]的.js
2. 反应。[chunkhash]的.js
3. lodash。[chunkhash]的.js
4. 蓝鸟。[chunkhash]的.js
5. 应用程序。[chunkhash]的.js

使用OccurenceOrderPlugin时，请确保无论应用代码更改（或），无论模块需要多少次，对于所有不需要模块的库，它都会获得相同的chunkhash。改变。

是否有可能优先考虑或配置块ID？

Answer 1

您可以为每个库创建一个条目并使用CommonsChunkPlugin。这是一个粗略的想法：

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

这样的事情可以作为你的起点。另请参阅官方文档中的Split app and vendor code。