首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >gulp json -sass-不能包括json文件。

问gulp json -sass-不能包括json文件。
EN

Stack Overflow用户
提问于 2016-04-25 10:33:20
回答 1查看 570关注 0票数 0

源链接 -我不知道这里缺少了什么

如果我不包括json文件,一切都很好

1) gulpfile.js

代码语言:javascript
复制
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

代码语言:javascript
复制
{
    "color": "blue"
}

3) example.scss文件

代码语言:javascript
复制
.test{
    color:$color; 
}

4)错误消息

​

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-25 11:08:48

1.要输出SCSS的,而不是SASS。这意味着您的sass gulp-json-sass选项是错误的。来自文档

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

2.您不能在管道中使用gulp-ruby-sass。来自文档

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

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

代码语言:javascript
复制
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/'));
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36838061

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档