繁体   English   中英

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

[英]How to chunk vendors/libs into their own file in Webpack?

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

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

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

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

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

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

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

诸如此类的东西可能是您的起点。 另请参阅官方文档中的拆分应用和供应商代码

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM