gulp-usemin怎么处理多个html文件
1个回答
2016-05-13 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
不要用 gulp-usemin,用gulp-inject。
先将公共库和公共样式合并压缩好,再替换到每个html页面。
写个思路,仅供参考,唯一麻烦的是每个html页面都得加一段注释
全选复制放进笔记var gulp = require('gulp');
var inject = require('gulp-inject');
gulp.task('minJS', function(){
return gulp.src('src/js/*.js')
//此处省略压缩和合并还有rename
.pipe(gulp.dest('src/tmp'));
});
gulp.task('minCSS', function(){
return gulp.src('src/css/*.css')
//此处省略压缩和合并还有rename
.pipe(gulp.dest('src/tmp'));
});
gulp.task('inject', ['minJS', 'minCSS'], function () {
var target = gulp.src('./src/**/*.html');
var sources = gulp.src(['./src/tmp/*.min.js', './src/tmp/*.min.css'], {read: false});
return target.pipe(inject(sources))
.pipe(gulp.dest('./src'));
});
先将公共库和公共样式合并压缩好,再替换到每个html页面。
写个思路,仅供参考,唯一麻烦的是每个html页面都得加一段注释
全选复制放进笔记var gulp = require('gulp');
var inject = require('gulp-inject');
gulp.task('minJS', function(){
return gulp.src('src/js/*.js')
//此处省略压缩和合并还有rename
.pipe(gulp.dest('src/tmp'));
});
gulp.task('minCSS', function(){
return gulp.src('src/css/*.css')
//此处省略压缩和合并还有rename
.pipe(gulp.dest('src/tmp'));
});
gulp.task('inject', ['minJS', 'minCSS'], function () {
var target = gulp.src('./src/**/*.html');
var sources = gulp.src(['./src/tmp/*.min.js', './src/tmp/*.min.css'], {read: false});
return target.pipe(inject(sources))
.pipe(gulp.dest('./src'));
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询