Gulp Sass Bourbon, Не дайте мне 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

Bourbon является функцией библиотеки Mixin & так просто используя это будет на самом деле не выход какой-либо код, подобно тому, как определить функцию фактически не запустить функцию. Neat - это то же самое, он определяет только то, что можно назвать, но на самом деле не делает никакого кода сам по себе.

Вы хотите @import "bourbon"; и @import "neat";, а затем написать CSS, который использует импортированные библиотеки как ...

// mystyles.scss 
    @import "bourbon"; 

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

---

Как примечание стороны, вы, вероятно, не хотите, чтобы импортировать/используя бурбон и компас в то же время. Есть немного над кругом, и странные вещи могут произойти, если вы используете их обоих.