Avi*_*ese 6 css sass compass-sass gulp css-preprocessor
运行Sass 3.4.3,Compass 1.0.1,Gulp 3.8.8和Gulp-compass 1.3.1
gulp.task('compass', function() {
gulp.src('comp/sass/style.scss')
.pipe(compass({
sass: 'comp/sass',
image: 'dev/theme/images',
style: 'compressed'
})
.on('error', gutil.log))
.pipe(gulp.dest('dev/theme/css'))
});
Run Code Online (Sandbox Code Playgroud)
指南针任务正在编译sass但压缩不起作用.它输出一个正常的未压缩的css文件.
小智 0
你所拥有的应该可以工作,但我认为 gulp-compass 插件的配置属性有点问题。它与单独的 config.rb 文件中的输出样式对我来说一致。
var gulp = require('gulp');
var compass = require('gulp-compass');
var gutil = require('gulp-util');
gulp.task('compass', function() {
return gulp.src('comp/sass/style.scss')
.pipe(compass({
config_file: 'config.rb',
sass: 'comp/sass',
image: 'dev/theme/images'
})
.on('error', gutil.log))
.pipe(gulp.dest('dev/theme/css'))
;
})
Run Code Online (Sandbox Code Playgroud)
在 config.rb 文件中添加以下内容:
output_style = :compressed
Run Code Online (Sandbox Code Playgroud)