- define-plugin:定义环境变量 (Webpack4 之后指定 mode 会自动配置)
- ignore-plugin:忽略部分文件
- html-webpack-plugin:简化 HTML 文件创建 (依赖于 html-loader)
- web-webpack-plugin:可方便地为单页应用输出 HTML,比 html-webpack-plugin 好用
- uglifyjs-webpack-plugin:不支持 ES6 压缩 (Webpack4 以前)
- terser-webpack-plugin: 支持压缩 ES6 (Webpack4)
- webpack-parallel-uglify-plugin: 多进程执行代码压缩,提升构建速度
- mini-css-extract-plugin: 分离样式文件,CSS 提取为独立文件,支持按需加载 (替代extract-text-webpack-plugin)
- serviceworker-webpack-plugin:为网页应用增加离线缓存功能
- clean-webpack-plugin: 目录清理
- ModuleConcatenationPlugin: 开启 Scope Hoisting
- speed-measure-webpack-plugin: 可以看到每个 Loader 和 Plugin 执行耗时 (整个打包耗时、每个 Plugin 和 Loader 耗时)
- webpack-bundle-analyzer: 可视化 Webpack 输出文件的体积 (业务组件、依赖第三方模块)
相关文章
- 02-16大数据工具hive内部常用函数都有哪些?
- 02-16大数据技术分享:hive内部常用函数都有哪些?
- 02-16645 webpack常用plugins:clean-webpack-plugin,html-webpack-plugin,webpack.DefinePlugin,copy-webpack-plug
- 02-16数据可视化的常用工具都有哪些?
- 02-16使用插件html-webpack-plugin 报错 【Vue warn】: cannot find element: #app
- 02-16webpack中clean-webpack-plugin插件使用遇到的问题及解决方法
- 02-16webpack4+:. css属性自动追加前缀 与 mini-css-extract-plugin 插件 打包冲突问题
- 02-16webpack常用插件plugin
- 02-16extract-text-webpack-plugin 插件出现的问题
- 02-16第四十九篇:webpack的基本使用(三) --安装和配置html-webpack-plugin插件