gulp 在revCss和revHtml之后版本号在html页面中添加上了,但找不到资源了
目前的问题是,本地也没有生成这个带版本号的文件,仅仅是把版本号加上了,所以找不到,但是如何在本地生成这个最新的文件呢?
rev-manifest.json
{
"all.min.css": "all-34a0734bb9.min.css"
}
// 引入 gulp
var gulp = require('gulp');
// 引入组件
var jshint = require('gulp-jshint');//js检查错误
var sass = require('gulp-sass');//编译sass
var concat = require('gulp-concat');//合并文件
var uglify = require('gulp-uglify');//压缩文件
// var rename = require('gulp-rename');//重新命名
var minify = require('gulp-minify-css');//css压缩
var gulpSequence = require('gulp-sequence')//顺序执行task
//var RevAll = require('gulp-rev-all');//添加版本号
var rev = require('gulp-rev');//添加版本号
var runSequence = require('run-sequence');
var revCollector = require('gulp-rev-collector');
var clean = require('gulp-clean');//清除文件
var htmlmin = require('gulp-htmlmin');//压缩html
//配置默认路径
var config = {
cssUrl:"dev/css/*.css",
scssUrl:"dev/sass/*.scss",
jsUrl:"dev/js/*.js",
imagesUrl:"dev/img/*.{png,jpg,gif}",
htmlUrl:"dev/*.html"
}
// 检查脚本
gulp.task('lint', function() {
gulp.src([config.jsUrl,'!dev/js/*.min.js'])
.pipe(jshint())
.pipe(jshint.reporter('default'));
});
// 编译Sass
gulp.task('sass', function() {
gulp.src(config.scssUrl)
.pipe(sass())
.pipe(gulp.dest('dev/css'));
});
//复制文件
gulp.task('copy', function() {
return gulp.src('dev/**/*')
.pipe(gulp.dest('./release/'))
});
//压缩css
gulp.task('cssmini', function () {
gulp.src([config.cssUrl,"!dev/css/*.min.css"])
.pipe(concat('all.min.css'))
.pipe(minify())
.pipe(gulp.dest('dev/css'));
});
// 合并,压缩文件
gulp.task('scripts', function() {
gulp.src([config.jsUrl,'!dev/js/*.min.js'])
.pipe(concat('all.min.js'))
.pipe(uglify())
.pipe(gulp.dest('dev/js'));
});
gulp.task('revCss', function(){
return gulp.src('dev/css/*.min.css')
.pipe(rev())
.pipe(rev.manifest())
.pipe(gulp.dest('dev/css'));
});
// gulp.task('revJs', function(){
// return gulp.src('dev/js/*.js')
// .pipe(rev())
// .pipe(rev.manifest())
// .pipe(gulp.dest('dev/js'));
// });
gulp.task('revHtml', function () {
return gulp.src(['dev/**/*.json', 'dev/*.html'])
.pipe(revCollector())
.pipe(gulp.dest('dev'));
});
// 监听
gulp.task('watch', function () {
//监听dev文件夹下的所有文件,如果有变动,就复制出去到release
gulp.watch(['./dev/**/*', '!./dev/node_modules/**/*'], ['copy']);
gulp.watch(config.scssUrl,['sass']);
gulp.watch(config.jsUrl,['scripts']);
gulp.watch(config.cssUrl,['cssmini']);
gulp.watch(config.htmlUrl,['minify']);
});
//按顺序执行task
gulp.task('develop', gulpSequence('lint','sass','cssmini','revCss','revHtml','scripts','copy','watch'));
//gulp.task('develop', gulpSequence('revCss','revHtml'));
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
已解决!。。。。。。。。。。。。。。
我也遇到了,怎么解决的???