将变量替换为吞咽

Question

在src目录中用gulp-replace替换变量是一种好方法吗？

我有src和build目录。在src中，我正在编写es6 JS代码，这些代码应该被编译并压缩到build目录中。

在src目录中，我有一个angular配置文件。

$routeProvider
    .when('/', {
        controller: 'HomeController',
        controllerAs: 'HomeCtrl',
        templateUrl: '/BUILD_DIR/app/partials/home.html'
    })

在构建过程中，gulp-replace将用适当的目录名替换所有文件中的BUILD_DIR变量，在本例中为build。

可以在未编译的js代码中编写这样的变量吗？如果不是，怎么用另一种方式呢？

Answer 1

没问题，只要你确定不会有副作用(你在所有的文件中都提到过，这在我看来是有风险的)。你最好列出你想要替换的文件，以确保它不会替换你不想要的东西。例如：

gulp.task('replace', function() {
    var required_files = [
        '/src/js/app.js',
        '/src/js/controllers.js'
    ];
    return gulp.src(required_files, {base: '/src'})
         .pipe(Useref())//replacements here
         .pipe(gulp.dest('/build'));
});

而不是

gulp.task('replace', function() {
    return gulp.src('/src/*.*')
         .pipe(Useref())//replacements here
         .pipe(gulp.dest('/build'));
});