javascript - 用 gulp 替换变量

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 var，在我们的例子中为 build。

在未编译的js代码中写入这样的变量可以吗？如果没有，如何用其他方式处理它？<​​/p>

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'));
});