[英]Gulp isn't compiling my sass when a file is changed
我正在使用 Gulp 將我的 SCSS 編譯成 CSS。 當我啟動 Gulp 命令時,它會編譯一切正常,但是當我對我的 SCSS 文件之一進行更改時,Gulp 什么也不做。 很明顯,這是我的手表的問題,對嗎?
我一生都無法弄清楚發生了什么,我一直在尋找數小時。
這是我的 Gulpfile.js 和文件夾的樣子。
// Include gulp
var gulp = require('gulp');
// Include Our Plugins
var sass = require('gulp-sass');
var concat = require('gulp-concat');
var rename = require('gulp-rename');
// Compile Our Sass
gulp.task('sass', function() {
return gulp.src('scss/*.scss')
.pipe(sass({outputStyle: 'compressed'}))
.pipe(gulp.dest('css'));
});
// Watch Files For Changes
gulp.task('watch', function() {
gulp.watch('scss/*.scss' ['sass']);
});
// Default Task
gulp.task('default', ['sass', 'watch']);
文件夾結構:
gulpfile.js
|
|_ [scss folder]
app.scss (this has all my imports)
|
|_ [pages folder]
_thing.scss
_thingtwo.scss
|_ [general folder]
_general.scss
_generaltwo.scss
|_ [widgets folder]
_widget.scss
_widgettwo.scss
[css folder]
我相信我的 Gulp 手表正在查看我的 scss 文件夾中的任何文件夾中的任何 scss 的任何更改。 我嘗試將我的部分移動到 scss 文件夾中,但在我保存時它仍然無法編譯。
您在那里的 glob 字符串只能查找一個文件夾深。 如果要查看 scss 目錄及其所有子目錄中的所有文件,請將 watch 任務中的 glob 語句更改為scss/**/*.scss
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.