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

时间:2016-04-25 10:33:21

标签: sass gulp gulp-sass gulp-ruby-sass

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)example.json

{
    "color": "blue"
}

3)example.scss文件

.test{
    color:$color; 
}

4)错误消息 enter image description here

1 个答案:

答案 0 :(得分:1)

1。您想输出SCSS,而不是SASS。这意味着sass的{​​{1}}选项错误。来自docs

  

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

2。您无法在管道中使用gulp-json-sass。来自docs

  

使用gulp-ruby-sass代替gulp-ruby-sass来编译Sass文件。

这意味着gulp.src无法工作。您必须使用.pipe(sass())代替gulp-sass

gulp-ruby-sass