webpack - plugins

发布时间 2023-09-27 23:13:29作者: 迷途小石头

(1). 插件的作用

  • 用于bundle文件的优化
  • 资源管理和环境变量注入
  • 作用于整个构建过程
  • 可以理解为:loader做不了的,给plugins来完成.

(2). 常用的plugin:

  • CommonsChunkPlugin:将chunk相同的模块代码提取成公共js,如引入同一个js文件
  • CleanWebpackPlugin:清理构建目录
  • ExtractTextWebpackPlugin:将css从bunlde文件里提取成一个独立的css文件
  • CopyWebpackPlugin:将文件或文件夹拷贝到构建的输出目录
  • HtmlWebpackPlugin:创建html文件去承载输出的bundle
  • UglifyjsWebpackPlugin:压缩js
  • ZipWebpackPlugin:将打包出的资源生成一个zip包
webpack - plugins