吞下沙司波旁酒，而不是给我style.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

波旁是一个混合函数库，所以简单地使用它实际上不会输出任何代码，就像定义函数不会实际运行函数一样。整洁也是如此，它只定义了可以调用的东西，但实际上并没有自己编写任何代码。

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

    // mystyles.scss
    @import "bourbon";

    .my-class {
      @include position(relative, 5em 2em null null);
      color: blue;
    }

顺便提一句，你可能不想同时进口/使用波旁威士忌和指南针。如果你同时使用这两种方法的话，可能会发生一些奇怪的事情。