我是Gulp的新手,并且一直在使用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'
但是,这似乎没有奏效。
我建议您将这些字符串保留在一个对象中,并为同一个对象提供两个不同的文件,例如:
constants.dev.js
var constants = {
chairs: '/products/chairs.html'
};
constants.prod.js
var constants = {
chairs: 'goodsandservices/products/our-chairs.html'
};
然后,您只需要包括正确的文件(或连接在一个闭包中的串联文件),然后:
currentPage == constants.chairs
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句