env-cmd: 单个配置文件 env 管理

使用 env-cmd 单个配置文件管理 env，这个小工具适合小型项目

01 安装依赖

安装

yarn add --dev env-cmd

"devDependencies": {
  "env-cmd": "^10.1.0",
}

02 创建配置

示例配置如下 .env-cmdrc.json(推荐) / .env-cmdrc.js(这个某些情况会报错)

{
  "base": {
    "bs_version": "1.0.0"
  },
  "dev": {
    "mode": "development",
    "sass_output_style": "expanded"
  },
  "production": {
    "mode": "production",
    "sass_output_style": "compressed"
  }
}

03 添加命令

在 scripts 中添加

"scripts": {
  "dev": "env-cmd -e base,dev gulp dev",
  "build": "env-cmd -e base,production gulp"
}

04 测试输出

在 gulpfile.js 中测试输出

const outputStyle = process.env.sass_output_style;
console.log("current env: ", process.env.bs_version, outputStyle);

current env:  1.0.0 compressed
[18:02:02] Using gulpfile ~/aric-tpls/bootstrap-custom-app/gulpfile.js
[18:02:02] Starting 'default'...
[18:02:02] Starting 'clean'...
[18:02:02] Finished 'clean' after 5.25 ms
[18:02:02] Starting 'sass'...
[18:02:03] all files 35.3 kB
[18:02:03] Finished 'sass' after 515 ms
[18:02:03] Finished 'default' after 521 ms

env-cmd