2015-06-21 54 views
0

我有这个问题,就是我跑的任务,一切正常,但从来没有给我style.css结果或输出。Gulp Sass Bourbon,不给我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')); 
}); 
+0

将quiet设置为false并检查日志文件以排除故障 –

+0

是否输出bourbon.css?除非在你的gulp链中有一个重命名任务,否则它会输出与它们输入的文件名相同的文件(bourbon.scss => bourbon.css,style.scss => style.css等) – Derek

回答

1

波旁是一个混合&函数库,所以干脆用它实际上并不会输出任何代码,类似于如何定义一个函数并不实际运行的功能。整齐是一样的,它只定义了可以调用的东西,但实际上并没有自己编写任何代码。

你要@import "bourbon";@import "neat";,然后写一个使用导入的库如CSS ...

// mystyles.scss 
    @import "bourbon"; 

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

作为一个侧面说明,你可能不希望被导入/使用波旁指南针在同一时间。如果你同时使用它们,那么会有一些不必要的事情和奇怪的事情发生。

相关问题