gulp-json-sass - 不能包含 json 文件

Question

Source link - 我不知道这里缺少什么

如果我不包含 json 文件

，一切都很好

1) gulpfile.js

var jsonSass = require('gulp-json-sass'),
    gulp = require('gulp'),
    concat = require('gulp-concat'),
    sass = require('gulp-ruby-sass');


    gulp.task('sass', function() {
      return gulp
        .src(['sass/example.json', 'sass/example.scss'])
        .pipe(jsonSass({
          sass: true
        }))
        .pipe(concat('output.scss'))
        .pipe(sass())
        .pipe(gulp.dest('out/'));
});

gulp.task('default', ['sass']);

2) 示例.json

{
    "color": "blue"
}

3) example.scss 文件

.test{
    color:$color; 
}

4) 错误信息

Answer 1

1.您想输出 SCSS，而不是 SASS。这意味着gulp-json-sass 的sass 选项是错误的。来自docs：

如果为真，则输出有效的 sass 变量。如果为 false，则输出 scss 变量。

2. 你不能在管道中使用gulp-ruby-sass。来自docs：

使用gulp-ruby-sass 而不是gulp.src 来编译Sass 文件。

这意味着.pipe(sass()) 将不起作用。您必须使用gulp-sass 而不是gulp-ruby-sass。

var jsonSass = require('gulp-json-sass'),
    gulp = require('gulp'),
    concat = require('gulp-concat'),
    sass = require('gulp-sass');

gulp.task('sass', function() {
  return gulp.src(['sass/example.json', 'sass/example.scss'])
    .pipe(jsonSass({
      sass: false 
    }))
    .pipe(concat('output.scss'))
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('out/'));
});