AngularJS:使用Gulp开发和切换后端

例如,您可能为每个不同的配置都有一个配置文件 dev.constant.js 和 local.constant.js .

这些文件中的每一个都包含一个保存当前配置的角度常数,包括后端的url:

angular
    .module('myFancyModule')
    .constant('config', {
        backendUrl: 'https://my.backend.com/api/'
    });

使用 yargs 和 gulp-if ,您可以检查标志(例如。 --dev )并使用 gulp-add-src .

另一种更安全的方法是将特定的配置文件复制到名为 config.constant.js 一旦

var argv = require('yargs').argv;
var fs = require('fs-extra');

gulp.task('watch', function() {
    if(argv.dev) {
        fs.copySync('./config/dev.constant.js', './config.constant.js');
    }

    //Your watch task here
}

通过这种方式,您可以快速轻松地更改配置。如果您是通过吞咽来进行构建和部署,也可以使用它。