gulp-rev-collector处理相对目录好像有问题?
1、打算用gulp-rev和gulp-rev-collector给静态资源添加hash,但是mobile/pages目录下的资源不会被替换,这是怎么回事?
//引入gulp和gulp插件
var gulp = require('gulp'),
runSequence = require('run-sequence'),
rev = require('gulp-rev'),
revCollector = require('gulp-rev-collector');
var clean = require('gulp-clean');
var path = require('path');
var revReplace = require("gulp-rev-replace");
//定义css、js源文件路径
var cssSrc = ['**/*.css', '!node_modules/**'],
jsSrc = ['**/*.js', '!node_modules/**', '!gulpfile.js'];
//CSS生成文件hash编码并生成 rev-manifest.json文件名对照映射
gulp.task('revCss', function(){
return gulp.src(cssSrc)
.pipe(rev())
.pipe(gulp.dest('dist'))
.pipe(rev.manifest())
.pipe(gulp.dest('rev/css'));
});
//js生成文件hash编码并生成 rev-manifest.json文件名对照映射
gulp.task('revJs', function(){
return gulp.src(jsSrc, {
base: process.cwd()
})
.pipe(rev())
.pipe(gulp.dest('dist'))
.pipe(rev.manifest())
.pipe(gulp.dest('rev/js'));
});
//Html替换css、js文件版本
gulp.task('revHtml', function () {
return gulp.src(['rev/**/*.json', '**/*.html', '!node_modules/**'])
.pipe(revCollector({
replaceReved: true
}))
.pipe(gulp.dest('dist'));
});
gulp.task('clean', function () {
return gulp.src('./dist', {read: false})
.pipe(clean());
});
//开发构建
gulp.task('dev', ['clean'], function (done) {
condition = false;
runSequence(
['revCss'],
['revJs'],
['revHtml'],
done);
});
gulp.task('default', ['dev']);
2、目录结构如下:
3、如果静态资源在mobile目录下的,gulp-rev-collector就不会替换,但是实际上文件是有的!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
插个眼,目前还是有这个问题,楼主有更好的方法嘛
问题解决了吗