Set gulp tasks depending on NODE_ENV

Question

Is there a way to specify a gulp task depending on the NODE_ENV that is set?

For example in my package.json file, I have something like:

"scripts": {
    "start": "gulp"
 }

And I have multiple gulp tasks

gulp.task('development', function () {
   // run dev related tasks like watch 
});

gulp.task('production', function () {
   // run prod related tasks
});

If I set NODE_ENV=production npm start, can I specify to only run gulp production? Or is there a better way to do this?

Answer 1

Using a single ternary in your default gulp task, you can have something like:

gulp.task('default',
  [process.env.NODE_ENV === 'production' ? 'production' : 'development']
);

You will then be able to keep the single gulp command in your package.json and using this like you said:

NODE_ENV=production npm start

Any other value of your NODE_ENV variable will launch the development task.

---

You could of course do an advanced usage using an object allowing for multiple tasks and avoiding if trees hell:

var tasks = {
  development: 'development',
  production: ['git', 'build', 'publish'],
  preprod: ['build:preprod', 'publish:preprod'],
  ...
}

gulp.task('default', tasks[process.env.NODE_ENV] || 'fallback')

Keep in mind that when giving an array of tasks, they will be run in parallel.

Answer 2

Have your first gulp task run other gulp tasks based on the process.env.NODE_ENV value.

gulp.task('launcher', function(){
  switch (process.env.NODE_ENV){
    case 'development':
      // Run dev tasks from here
      break;
    case 'production':
      // Run prod tasks
      break;
  }
});