2016-04-07 34 views
-1

如何使用Gulp編譯並將sass文件從sass/**文件夾移動到css/**目錄?如何使用Gulp編譯並移動到另一個文件夾中的一堆sass文件?

src('sass/**/*.sass') 

dest('css/**/*.css') 

PS:每sass文件必須有它的編譯css - 版本(無文件串聯)

PPS:我不能用sass --w sass:css方法,因爲我也有看其他文件(.js.jade)更改

+0

爲什麼不能使用'sass --watch sass:css'?如果sass目錄中的所有文件都是部分文件 - 你可以從部分名稱中刪除'_',它會編譯到單獨的css文件 – godblessstrawberry

+0

@ qw1564,這是個不錯的想法。但我有一個咕嘟咕嘟的注意文件的變化不僅'.sass',而且'.js'和'.jade'。所以我需要一個更靈活的解決方案。 –

回答

-1

在你gulpfile.js

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 

// styles task : for generating css 
gulp.task('styles', function() { 
    return gulp.src('sass/**/*.scss') 
    .pipe(sass()) 
    .pipe(gulp.dest('css/')) 
}); 

// watch task : which will watch for changes, and run styles task 
gulp.task('watch', function() { 
    gulp.watch('sass/**/*.scss', ['styles']); 
}); 

然後在終端中運行以下步驟:

gulp watch 
+0

這樣我每次需要更新我的文件時都要運行這個命令,對吧?我需要一個解決方案,它將在後臺工作,並仍然允許我觀看不同的文件擴展,而不僅僅是sass。 –

+0

@ nuda.works - 已更新回答 –

+0

@karl_doyle,你真好! thanx求助! –

相關問題