gulp-usemin怎么处理多个html文件
1个回答
2016-08-07 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
gulp-usemin处理多个html文件的方法:
1、在gulp.src目录下定义要处理的css、html和js文件:
2、在gulp.task中注入多个需要处理的html文件就可以。
完整代码如下:
function build(path){
return gulp.src([path])
.pipe(plugins.usemin({
css: [plugins.minifyCss({keepSpecialComments: false}), 'concat'],
html: [plugins.minifyHtml({empty: true})],
js: [plugins.uglify({
mangle: false,
compress: false,
beautify: true
}), plugins.rev()]
}))
.pipe(gulp.dest(paths.server));
}
//注册处理总调度任务
gulp.task('build-html', function (cb) {
plugins.sequence('build-master', 'build-slave', cb);
});
// 处理index.html
gulp.task('build-master', function () {
return build("index.html")
});
// 处理slave.html
gulp.task('build-master', function () {
return build("slave.html")
});
1、在gulp.src目录下定义要处理的css、html和js文件:
2、在gulp.task中注入多个需要处理的html文件就可以。
完整代码如下:
function build(path){
return gulp.src([path])
.pipe(plugins.usemin({
css: [plugins.minifyCss({keepSpecialComments: false}), 'concat'],
html: [plugins.minifyHtml({empty: true})],
js: [plugins.uglify({
mangle: false,
compress: false,
beautify: true
}), plugins.rev()]
}))
.pipe(gulp.dest(paths.server));
}
//注册处理总调度任务
gulp.task('build-html', function (cb) {
plugins.sequence('build-master', 'build-slave', cb);
});
// 处理index.html
gulp.task('build-master', function () {
return build("index.html")
});
// 处理slave.html
gulp.task('build-master', function () {
return build("slave.html")
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询