Gulp Sass Bourbon，不給我style.css

我有這個問題，就是我跑的任務，一切正常，但從來沒有給我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')); 
});

來源

2015-06-21 Israel Morales

將quiet設置爲false並檢查日誌文件以排除故障 –

是否輸出bourbon.css？除非在你的gulp鏈中有一個重命名任務，否則它會輸出與它們輸入的文件名相同的文件（bourbon.scss => bourbon.css，style.scss => style.css等） – Derek

波旁是一個混合&函數庫，所以乾脆用它實際上並不會輸出任何代碼，類似於如何定義一個函數並不實際運行的功能。整齊是一樣的，它只定義了可以調用的東西，但實際上並沒有自己編寫任何代碼。

你要@import "bourbon";和@import "neat";，然後寫一個使用導入的庫如CSS ...

// mystyles.scss 
    @import "bourbon"; 

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

作爲一個側面說明，你可能不希望被導入/使用波旁和指南針在同一時間。如果你同時使用它們，那麼會有一些不必要的事情和奇怪的事情發生。

來源

2015-06-25 16:57:47 whmii

Gulp Sass Bourbon，不給我style.css

回答

相關問題