Gulp Sass波旁威士忌，不给我风格.css

Question

我有问题，我运行了任务，一切都很好，但从来没有给我style.css结果或输出。

var gulp = require('gulp'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
sass = require('gulp-sass'),
compass = require('gulp-compass'),
neat = require ('node-neat').includePaths,
bourbon = require('node-bourbon');
// Bourbon Compile
gulp.task("compileBourbon", function(){
    gulp.src('./src/sass/bourbon.scss')
    .pipe(sass({
        includePaths: require('node-bourbon').includePaths,
        style: 'compressed',
        quiet: true
    }))
    .pipe(gulp.dest('./builds/development/css'));
});

Answer 1

波旁威士忌是一种混合酒&函数库如此简单地使用它实际上不会输出任何代码，类似于定义函数实际上不会运行函数。Neat也是如此，它只定义了可以调用的东西，但实际上并没有自己生成任何代码。

您需要@import "bourbon";和@import "neat";，然后编写使用导入库的css，如…

    // mystyles.scss
    @import "bourbon";
    .my-class {
      @include position(relative, 5em 2em null null);
      color: blue;
    }

---

顺便说一句，你可能不想同时进口/使用波旁威士忌和指南针。如果你同时使用它们，会有一点过圈和奇怪的事情发生。