如何使用Gulp編譯並將sass
文件從sass/**
文件夾移動到css/**
目錄?如何使用Gulp編譯並移動到另一個文件夾中的一堆sass文件?
src('sass/**/*.sass')
dest('css/**/*.css')
PS:每sass
文件必須有它的編譯css
- 版本(無文件串聯)
PPS:我不能用sass --w sass:css
方法,因爲我也有看其他文件(.js
, .jade
)更改
如何使用Gulp編譯並將sass
文件從sass/**
文件夾移動到css/**
目錄?如何使用Gulp編譯並移動到另一個文件夾中的一堆sass文件?
src('sass/**/*.sass')
dest('css/**/*.css')
PS:每sass
文件必須有它的編譯css
- 版本(無文件串聯)
PPS:我不能用sass --w sass:css
方法,因爲我也有看其他文件(.js
, .jade
)更改
在你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
這樣我每次需要更新我的文件時都要運行這個命令,對吧?我需要一個解決方案,它將在後臺工作,並仍然允許我觀看不同的文件擴展,而不僅僅是sass。 –
@ nuda.works - 已更新回答 –
@karl_doyle,你真好! thanx求助! –
爲什麼不能使用'sass --watch sass:css'?如果sass目錄中的所有文件都是部分文件 - 你可以從部分名稱中刪除'_',它會編譯到單獨的css文件 – godblessstrawberry
@ qw1564,這是個不錯的想法。但我有一個咕嘟咕嘟的注意文件的變化不僅'.sass',而且'.js'和'.jade'。所以我需要一個更靈活的解決方案。 –