如何将带参数的参数传递给gulp?

时间:2015-02-05 20:41:46

标签: angularjs gulp

我想做点什么

gulp build --param1=abc

我希望这个参数在Angular Service / Controller中可用。 我有办法做到吗?

1 个答案:

答案 0 :(得分:5)

是。我建议您在Gulp配置中创建一个可以注入应用程序任何部分的Angular常量。

var ngConstant = require('gulp-ng-constant');
var args = require('yargs').argv;

gulp.task('constant', function () {
  var selectedConstant = args.env || 'dev'; // if --env is not declared, assume dev
  var constants = {
    dev: {
      ENV: {
        'api': 'api.someUrl.com',
        'url': 'dev.url.com'
      }
    },
    prod: {
      ENV: {
        'api': 'api.someUrl.com',
        'url': 'dev.url.com'
      }
    },
  };

  return ngConstant({
      name: 'app', // name of your module
      constants: constants[selectedConstant],
      stream: true
    })
    .pipe(gulp.dest('src'));
});

gulp.task('build', function () {
  runSequence(
    ['constant']
  )
});

现在,您可以运行gulp build --env=prod,这将在constants.js文件夹(或您指定的任何位置)中创建名为/src/的文件。现在将此文件包含在index.html

现在,您可以在服务或控制器中的任何位置注入常量ENV,并引用其中的变量。

angular.module('app')

.service('SomeService', function(ENV) {
  // access ENV vars here
});

.controller('SomeCtrl', function($scope, ENV) {
  // access ENV vars here
});