用途说明

AppCachePlugin ()

webpack.config.js配置

1
2

案例

1
2

用途说明

()

webpack.config.js配置

1
2

案例

1
2

用途说明

()

webpack.config.js配置

1
2

案例

1
2

用途说明

AggressiveMergingPlugin ()

webpack.config.js配置

1
2

案例

1
2

NPM包库

用途说明

ngAnnotatePlugin ()

使用ng-annotate来管理AngularJS的一些依赖

webpack.config.js配置

1
2

案例

1
2

用途说明

UglifyJsPlugin ()

Minimize all JavaScript output of chunks. Loaders are switched into minimizing mode. You can pass an object containing UglifyJS options.

webpack.config.js配置

1
2

案例

1
2

用途说明

OccurrenceOrderPlugin (根据模块调用次数，给模块分配ids，常被调用的ids分配更短的id，使得ids可预测，降低文件大小，该模块推荐使用)

Assign the module and chunk ids by occurrence count. Ids that are used often get lower (shorter) ids. This make ids predictable, reduces total file size and is recommended.

• preferEntry (boolean) give entry chunks higher priority. This make entry chunks smaller but increases the overall size. (recommended)

webpack.config.js配置

1

new webpack.optimize.OccurrenceOrderPlugin(preferEntry)

案例

1
2

用途说明

MinChunkSizePlugin (最小值代码块插件)

根据chars大小，如果小于设定的最小值，就合并这些小模块，以减少文件的大小

Merge small chunks that are lower than this min size (in chars). Size is approximated.

• options.minChunkSize (number) chunks smaller than this number will be merged

webpack.config.js配置

1

new webpack.optimize.MinChunkSizePlugin(options)

案例

1
2

用途说明

LimitChunkCountPlugin (限制打包文件个数插件)

Limit the chunk count to a defined value. Chunks are merged until it fits.

• options.maxChunks (number) max number of chunks

• options.chunkOverhead (number) an additional overhead for each chunk in bytes (default 10000, to reflect request delay)

• options.entryChunkMultiplicator (number) a multiplicator for entry chunks (default 10, entry chunks are merged 10 times less likely)

webpack.config.js配置

1

new webpack.optimize.LimitChunkCountPlugin(options)

案例

1
2

用途说明

()

webpack.config.js配置

1
2

案例

1
2