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啦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值