将 webpack 构建配置统一管理,既方便团队协同也能提升开发效率。
多个配置文件
通过多个配置文件管理不同的构建环境,使用 webpack --config
来选择不同的构建文件。或者使用 webpack-merge
将多个不同配置文件合并为一个
建议的组成形式如下:
- 基础配置:
webpack.base.js
- 开发配置:
webpack.dev.js
- 生产环境:
webpack.prod.js
- SSR 环境:
webpack.ssr.js
单独 npm 包
将构建配置设计成一个库。例如:hjs-webpack
Neutrino
webpack-blocks
做成工具
抽成一个工具进行管理。例如:create-react-app
kyt
nwb
组成单个文件
将多个配置放到一个文件中,通过 --env
进行分支选择