【发布时间】:2015-08-15 04:30:42
【问题描述】:
我正在尝试运行一个任务来缩小我的 index.html 中的其他内容:
gulp.task('bundle', function(){
var assets = useref.assets();
var autoprefixerConfig = {
browsers: ['last 2 versions', '> 4%', '> 4% in BR'],
cascade: false
};
return gulp.src('src/*.html')
.pipe(assets)
.pipe(gulpif('*.js', uglify()))
.pipe(gulpif('*.css', autoprefixer(autoprefixerConfig), minifyCss()))
.pipe(assets.restore())
.pipe(useref())
.pipe(minifyHtml())
.pipe(gulp.dest('dist'));
});
但所有 javascript(如 bootstrap.js、respond.js...)在输出文件中似乎都是错误的。
我做错了什么?
【问题讨论】:
-
我建议将任务分解为单个任务,例如一个用于缩小 js,一个用于缩小 html,这样也更容易调试。您可以使用数组作为任务的第二个参数和回调作为第三个参数来指定任务的依赖关系。
-
我同意@mitogh,对 javascript 缩小有单独的任务,对 css 有另一个任务......并将它们用作最终任务的依赖项
标签: gulp gulp-uglify gulp-useref