Skip to content

plugins的任务是拓展webpack本身的能力,因为webpack本身的功能是远远不能满足日常开发的工作流的。

在这章,主要来介绍下常用的插件。

1.第三方插件

  • copy-webpack-plugin 将静态资源复制
  • compression-webpack-plugin gzip压缩
  • friendly-errors-webpack-plugin 优化控制台打包信息
  • html-webpack-plugin 模板
  • mini-css-extract-plugin 抽离css
  • script-ext-html-webpack-plugin 将runtime文件内联到html中
  • optimize-css-assets-webpack-plugin 压缩css
  • uglifyjs-webpack-plugin 压缩js

2.webpack自带插件

  • webpack.DefinePlugin 声明entry中可以使用的全局变量
  • webpack.HotModuleReplacementPlugin 热更新插件
  • webpack.NamedChunksPlugin 以路径名标识chunk的插件
  • webpack.HashedModuleIdsPlugin 相较上个插件,将路径名转为hash