schluck-json-Sass - Kann nicht JSON-Datei

Question

Source link sind - ich weiß nicht, was hier

Alles in Ordnung, wenn ich Datei bin nicht mit json

1) gulpfile.js

fehlt

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 Datei

.test{ 
    color:$color; 
} 

4) Fehlermeldung

Answer 1

1. Sie ausgeben SCSS wollen, nicht SASS. Das bedeutet, dass Ihre sass Option für gulp-json-sass falsch ist. Von der docs:

Wenn truthy, Ausgabe gültig Sass Variablen. Wenn false, geben Sie scss-Variablen aus.

2. Sie können nicht gulp-ruby-sass in einem Rohr verwenden. Vom docs:

Verwenden gulp-ruby-sass statt gulp.src zu Sass-Dateien zu kompilieren.

Das bedeutet .pipe(sass()) wird nicht funktionieren. Sie müssen gulp-sass statt gulp-ruby-sass verwenden.

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/')); 
});