gulp壓縮html中的jq,gulp如何壓縮html當中的js和css代碼？

var gulp = require('gulp'),

useref = require('gulp-useref'),

gulpif = require('gulp-if'),

uglify = require('gulp-uglify'),

minifyCss = require('gulp-minify-css');

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

return gulp.src('app/*.html')

.pipe(useref())

.pipe(gulpif('*.js', uglify()))

.pipe(gulpif('*.css', minifyCss()))

.pipe(gulp.dest('dist'));

});

對于頁面内的CSS或JS代碼(建議将代碼提出來放入單獨的檔案)當然如果你一定要這麼幹，方法也是有的，https://github.com/knpwrs/gulp-cheerio 這個插件可以搞定，它可以幫助你解析html頁面，然後你拿到script或者style标簽裡的内容用node中uglify和minifyCSS進行壓縮就OK啦！