簡體   English   中英

更改文件時,Gulp 不會編譯我的 sass

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM