一飲而盡，JSON-薩斯 - 不能包含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）example.json

{ 
    "color": "blue" 
} 

3）example.scss文件

.test{ 
    color:$color; 
} 

4）的錯誤消息

Answer 1

1.你想輸出SCSS，不SASS。這意味着gulp-json-sass的sass選項是錯誤的。從docs：

如果truthy輸出有效的sass變量。如果爲false，則輸出scss變量。

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

使用gulp-ruby-sass而不是gulp.src編譯薩斯文件。

這意味着.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/')); 
});