对sass文件中的注释执行Gulp libsass/autoprefixer错误
我从大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口。Gulp ruby sass工作正常,但为了让Windows开发人员的生活更轻松,我正在尝试消除对ruby的依赖 我在设置gulp文件时安装了这些软件包,如下所示:对sass文件中的注释执行Gulp libsass/autoprefixer错误,sass,gulp,gulp-sass,autoprefixer,gulp-autoprefixer,Sass,Gulp,Gulp Sass,Autoprefixer,Gulp Autoprefixer,我从大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口。Gulp ruby sass工作正常,但为了让Windows开发人员的生活更轻松,我正在尝试消除对ruby的依赖 我在设置gulp文件时安装了这些软件包,如下所示: var sassFiles = './app/assets/sass/**/*.{scss,sass}'; var cssFiles = './app/assets/css'; var sassOptio
var sassFiles = './app/assets/sass/**/*.{scss,sass}';
var cssFiles = './app/assets/css';
var sassOptions = {
errLogToConsole: true,
outputStyle: 'compact'
};
var autoprefixerOptions = {
browsers: ['last 2 versions']
};
gulp.task('sass', function () {
return gulp
.src(sassFiles)
.pipe(sourcemaps.init())
.pipe(autoprefixer(autoprefixerOptions))
.pipe(sass(sassOptions).on('error', sass.logError))
.pipe(sourcemaps.write())
.pipe(gulp.dest(cssFiles))
.pipe(browserSync.stream());
});
除了每次在我的文件中的注释上失败外:
[08:20:39] Starting 'sass'...
events.js:154
throw er; // Unhandled 'error' event
^
CssSyntaxError: /Users/stevelombardi/github/designsystem- 3/app/assets/sass/design_system.scss:1:1: Unknown word
////
^
/// This is a poster comment.
它映射到scss文件中的注释。请注意,即使我删除了此块,sass也只会在下一条注释中出现错误
如果我注释掉autoprefixer管道,它将正常工作。那么这里的问题是什么
FWIW,我遵循了的指导原则。CSS中没有Javascript风格的单行注释。 SASS/SCSS支持单行注释,但是 由于
autoprefixer
仅在CSS上运行,而不是在SASS/SCSS上运行,因此需要在autoprefixer()之前运行SASS()
:
CSS中没有Javascript样式的单行注释。
SASS/SCSS支持单行注释,但是
由于autoprefixer
仅在CSS上运行,而不是在SASS/SCSS上运行,因此需要在autoprefixer()之前运行SASS()
:
.pipe(sass(sassOptions).on('error', sass.logError))
.pipe(autoprefixer(autoprefixerOptions))