Gulp任务创建main.js的DEV和PROD版本

Question

进出口新的杯和一直在玩gulp-minify和gulp-uglify创建通过整体main.js文件gulp-requirejs 。

但是，我需要创建此main.js文件的2个版本，一个用于我的DEV环境，一个用于PROD。

原因是在某些.js文件中，我列出了URL，例如：

currentPage == '/products/chairs.html'

但是，将这些html文件移到我的.Net结构中时，实际的URL是：

currentPage == 'goodsandservices/products/our-chairs.html'

我当前的rJS任务如下：

gulp.task('rjs', function() {

  rjs({
        baseUrl: config.src.js,
        out: 'main.js',
        name: 'main',
        mainConfigFile: config.src.js + '/main.js',
        exclude: [ 'angular']
    })
    .pipe(prod ? uglify({ mangle: false, compress: { drop_console: true } }) : gutil.noop())
    .pipe(gulp.dest(config.dest.js))
});

我尝试使用gulp-replace，并将我的rjs任务更新为：

gulp.task('rjs', function() {

  rjs({
        baseUrl: config.src.js,
        out: 'main.js',
        name: 'main',
        mainConfigFile: config.src.js + '/main.js',
        exclude: [ 'angular']
    })
    .pipe(prod ? uglify({ mangle: false, compress: { drop_console: true } }) : gutil.noop())
            .pipe(replace(/NETStructure/g, 'goodsandservices'))
    .pipe(gulp.dest(config.dest.js))
});

在我的.js文件中，我已将URL更新为：

currentPage == /NETStructure/g'/products/chairs.html'

但是，这似乎没有工作。

Answer 1

我建议您将这些字符串保留在一个对象中，并为同一对象提供两个不同的文件，例如：

constants.dev.js

var constants = {
    chairs: '/products/chairs.html'
};

constants.prod.js

var constants = {
    chairs: 'goodsandservices/products/our-chairs.html'
};

然后，您只需要包括正确的文件（或连接在闭包中的串联文件），然后：

currentPage == constants.chairs