0

ソースリンク- ここに何が欠けているのかわかりません

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) エラーメッセージ ここに画像の説明を入力

4

1 に答える 1

1

1. SASS ではなく、SCSS を出力したい。それはあなたのsassオプションgulp-json-sassが間違っていることを意味します。ドキュメントから：

true の場合、有効な sass 変数を出力します。false の場合、scss 変数を出力します。

2.gulp-ruby-sassパイプには使用できません。ドキュメントから：

Sass ファイルをコンパイルする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/'));
});
于 2016-04-25T11:08:48.243 に答える