代码之家  ›  专栏  ›  技术社区  ›  A.M.

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

  •  1
  • A.M.  · 技术社区  · 9 年前

    我需要在开发期间切换应用程序服务器后端。目前,服务器在模块中被硬编码为字符串。 我在四处寻找使用gulp切换服务器的好方法。

    我不确定如何实现 gulp watch localhost gulp watch devserver ,其中最后一个参数表示后端服务器?

    1 回复  |  直到 9 年前
        1
  •  2
  •   Lukas Kolletzki    9 年前

    例如,您可能为每个不同的配置都有一个配置文件 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
    }
    

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