为什么用于缩小CSS的gulp
我使用gulp-clean-css作为gulp.task来缩小CSS。
我的文件路径是css / mehr.css,缩小的CSS的路径是css / mehr.min.css
但是当我运行任务时:
gulp minify_css_task
mehr.min.css已创建,但它是空的!
输出:
[11:45:01] Using gulpfile ~/mehr/gulpfile.js
[11:45:01] Starting 'minify_css_task'...
Original size of mehr.css: 7192
Minified size of mehr.css: 0
[11:45:02] Finished 'minify_css_task' after 68 ms
和我的gulpfile.js是:
var cleanCSS = require('gulp-clean-css');
gulp.task('minify_css_task',[other_task], function() {
return gulp.src('css/mehr.css')
.pipe(cleanCSS({debug: true}, function(details) {
compatibility: 'ie8';
console.log('Original size of '+ details.name + ': ' + details.stats.originalSize);
console.log('Minified size of '+ details.name + ': ' + details.stats.minifiedSize);
}))
.pipe(rename({
suffix: '.min'
}))
.pipe(gulp.dest('css'))
.pipe(browserSync.reload({
stream: true
}))
});
我使用的是最新版本的gulp-clean-css:
npm view gulp-clean-css description dist-tags.latest version
输出:
description = 'Minify css with clean-css.'
dist-tags.latest = '3.9.0'
version = '3.9.0'
回答如下:
我的css顶部有/ *我忘了关闭它:))
为什么用于缩小CSS的gulp
我使用gulp-clean-css作为gulp.task来缩小CSS。
我的文件路径是css / mehr.css,缩小的CSS的路径是css / mehr.min.css
但是当我运行任务时:
gulp minify_css_task
mehr.min.css已创建,但它是空的!
输出:
[11:45:01] Using gulpfile ~/mehr/gulpfile.js
[11:45:01] Starting 'minify_css_task'...
Original size of mehr.css: 7192
Minified size of mehr.css: 0
[11:45:02] Finished 'minify_css_task' after 68 ms
和我的gulpfile.js是:
var cleanCSS = require('gulp-clean-css');
gulp.task('minify_css_task',[other_task], function() {
return gulp.src('css/mehr.css')
.pipe(cleanCSS({debug: true}, function(details) {
compatibility: 'ie8';
console.log('Original size of '+ details.name + ': ' + details.stats.originalSize);
console.log('Minified size of '+ details.name + ': ' + details.stats.minifiedSize);
}))
.pipe(rename({
suffix: '.min'
}))
.pipe(gulp.dest('css'))
.pipe(browserSync.reload({
stream: true
}))
});
我使用的是最新版本的gulp-clean-css:
npm view gulp-clean-css description dist-tags.latest version
输出:
description = 'Minify css with clean-css.'
dist-tags.latest = '3.9.0'
version = '3.9.0'
回答如下:
我的css顶部有/ *我忘了关闭它:))