如何给 gulp 任务设置环境变量？

在设置环境变量以用于Gulp任务时，通常有几种方法可以实现。环境变量用于在不同的开发阶段（如开发、测试和生产）中使用不同的配置，而不必改变代码本身。以下是几种在Gulp任务中设置和使用环境变量的方法：

方法1：使用 process.env

在Node.js中，process.env 对象包含了关于系统环境的信息。你可以直接在Gulp任务中引用这些环境变量。

示例：

假设你想根据不同的环境（开发或生产）来压缩或不压缩JS文件。你可以在命令行中设置环境变量，并在Gulp文件中读取这些变量：

bash
export NODE_ENV=production

javascript
const gulp = require('gulp');
const uglify = require('gulp-uglify');
const gulpif = require('gulp-if');

gulp.task('scripts', function() {
  return gulp.src('src/js/**/*.js')
    .pipe(gulpif(process.env.NODE_ENV === 'production', uglify()))
    .pipe(gulp.dest('dist/js'));
});

在这个例子中，只有当 NODE_ENV 环境变量被设置为 production 时，JS文件才会被压缩。

方法2：使用第三方库如 dotenv

如果你的项目有很多环境变量或者需要更好的管理方式，使用 dotenv 库可以方便地管理这些变量。首先，你需要在项目中安装 dotenv。

bash
npm install dotenv

然后，你可以在项目根目录创建一个 .env 文件，并在里面设置环境变量：

shell
NODE_ENV=production
API_KEY=some-api-key

在你的Gulp文件中，你可以这样使用它们：

javascript
require('dotenv').config();
const gulp = require('gulp');
const uglify = require('gulp-uglify');
const gulpif = require('gulp-if');

gulp.task('scripts', function() {
  console.log('Environment:', process.env.NODE_ENV);
  console.log('API Key:', process.env.API_KEY);
  return gulp.src('src/js/**/*.js')
    .pipe(gulpif(process.env.NODE_ENV === 'production', uglify()))
    .pipe(gulp.dest('dist/js'));
});

这种方式让环境变量的管理更为集中和系统化，也方便在不同环境中切换配置。

以上就是在Gulp任务中设置和使用环境变量的几种方法。这可以帮助你根据不同的环境自动调整任务的行为，使得构建过程更加灵活和可配置。