https://www.npmjs.com/package/gulp-compass
上面的链接说评论配置选项默认为 false。我尝试更改我的 gulpfile.js 以包含该选项并将其更改为 true 但我的 .css 文件仍然没有注释。你能告诉我我需要做什么才能在我的css文件中包含评论吗?我试过评论:真,评论:'真',line_comments:真('真')。没有任何效果。
这是我尝试更改的代码:
var gulp = require('gulp'),
gutil = require('gulp-util'),
coffee = require('gulp-coffee'),
browserify = require('gulp-browserify'),
compass = require('gulp-compass'),
concat = require('gulp-concat');
var coffeeSources = ['components/coffee/*.coffee'];
var jsSources = [
'components/scripts/rclick.js',
'components/scripts/pixgrid.js',
'components/scripts/tagline.js',
'components/scripts/template.js'
];
var sassSources = ['components/sass/style.scss'];
gulp.task('coffee', function() {
gulp.src(coffeeSources)
.pipe(coffee({ bare: true })
.on('error', gutil.log))
.pipe(gulp.dest('components/scripts'))
});
gulp.task('js', function() {
gulp.src(jsSources)
.pipe(concat('script.js'))
.pipe(browserify())
.pipe(gulp.dest('builds/development/js'))
});
gulp.task('compass', function() {
gulp.src(sassSources)
.pipe(compass({
sass: 'components/sass',
image: 'builds/development/images',
style: 'expanded',
comments: 'true'
}))
.on('error', gutil.log)
.pipe(gulp.dest('builds/development/css'))
});
这是仍然没有评论的输出 style.css 表
body {
background: #eddbba;
font-family: "Inika", serif;
font-size: 1.1em;
}
#content {
color: #CC8E94;
font-size: 2em;
}
.container {
width: 90%;
max-width: 1000px;
margin: 0 auto;
position: relative;
}
这是它应该看起来的样子
@import "http://fonts.googleapis.com/css?family=Patua+One|Inika";
/* line 3, ../components/sass/_base.scss */
body {
background: #eddbba;
font-family: "Inika", serif;
font-size: 1.1em;
}
/* line 9, ../components/sass/_base.scss */
#content {
color: #cc8e94;
font-size: 2em;
}
/* line 14, ../components/sass/_base.scss */
.container {
width: 90%;
max-width: 1000px;
margin: 0 auto;
position: relative;
}