插件
- clean-webpack-plugin 清理构建目录
- html-webpack-plugin html 模板
- webpack-merge webpack 配置合并
- friendly-errors-webpack-plugin
- webpack-manifest-plugin manifest 文件生成
- pnp-webpack-plugin
- terser-webpack-plugin 压缩 Javascript
- uglifyjs-webpack-plugin 压缩 Javascript
- compression-webpack-plugin 使用 Content-Encoding 压缩资源(gzip)
- image-webpack-loader 图片压缩
- imagemin-webpack-plugin
- progress-bar-webpack-plugin 打包时间显示
- fork-ts-checker-webpack-plugin TypeScript 代码检查
CSS 处理
-
- postcss-flexbugs-fixes 修复 flex bug
- postcss-preset-env
- postcss-normalize
- postcss-import
@import
- postcss-safe-parser 查找和修复 CSS 语法错误
-
mini-css-extract-plugin css 提取
图片处理
- image-webpack-loader 图片压缩
- imagemin-webpack-plugin 图片压缩
- webpack-spritesmith 雪碧图
代码分析
工具
- node-notifier 控制台消息
- node-portfinder 查找端口
- Inquirer 公共交互命令行用户界面的集合。
- chalk 样式化终端字符串