构建配置

141 阅读1分钟

构建配置抽离成 npm 包:

意义:

通用性:

  1. 业务开发者无需关注构建配置
  2. 统一团队构建脚本

可维护性

  1. 构建配置合理的拆分
  2. README 文档、ChangeLog 文档

质量

  1. 冒烟测试、单元测试、测试覆盖率
  2. 持续集成

构建配置管理的可选方案

  1. 通过多个配置文件管理不同环境的构建,webpack --config 参数进行控制
  2. 讲构建配置设计成一个库,比如: hjs-webpack、Neutrino、webpack-blocks
  3. 抽成一个工具进行管理,比如: create-react-app、kyt、nwb
  4. 将所有的配置放在一个文件,通过 --env 参数控制分支选择

构建配置包设计

通过多个配置文件管理不同环境的 webpack 配置:

  1. 基础环境: webpack.base.js
  2. 开发环境: webpack.dev.js
  3. 生产环境: webpack.prod.js
  4. SSR 环境: webpack.ssr.js

抽离成一个 npm 包统一管理

  1. 规范: Git commit 日志、README、ESLint规范、Server 规范
  2. 质量:冒烟测试、单元测试、测试覆盖率 和 CI

通过 webpack-merge组合配置

const merger = require('webpack-merge')
mouduile.exports = {
    baseConfig,devConfig
}