Question

我已经看到了大量的stackoverflow解决方案，但似乎没有一个在我的场景中起作用。

我的gulp手表似乎正在观看文件，但输出文件没有更新。

运行gulp可以正常工作，因为它默认设置为调用sass任务，并且任务成功编译了我的输出css。

这是我的目录结构：

- css  
  - sass  
    * style.scss     
  * style.css  
* gulpfile.js

和我的gulpfile：

// include gulp
var gulp = require('gulp');

// include plugins
var rename = require('gulp-rename');
var sass = require('gulp-sass');
var cssbeautify = require('gulp-cssbeautify');
var cssmin = require('gulp-cssmin');

// compile sass
gulp.task('sass', function  () {
    return gulp.src('./css/sass/*.scss')
        .pipe(sass())
        .pipe(cssbeautify())
        .pipe(gulp.dest('css'));
});

// watch
gulp.task('watch', function () {
    gulp.watch('./css/sass/*.scss', ['sass']);
});

// default task
gulp.task('default', ['sass']);

gulp watch给我:( 11:01是我保存文件的时候）

[10:59:48]使用gulpfile~ / Sites / cla / 8_0 / web / intranet / reports / gulpfile.js
  [10:59:48]开始'看'......   [10:59:48] 12毫秒后完成'观看'   [11:01:25]开始'sass'...
  [11:01:25] 24小时后完成'sass'

关于为什么我的输出css没有改变的任何想法？

非常感谢！

Answer 1

这可能是一个sass synthax错误问题，因为你没有任何功能在你的sass taks no句柄。

以下是我的gulpfile

中的一个示例

尝试添加.on（＆＃39;错误＆＃39;，sass.logError）），在.pipe（sass（））之后，这是一个粗略的例子：

gulp.task('sass',function(){                 
  gulp.src('./src/sass/main.scss')  
    .pipe(sass().on('error', sass.logError))
});

Gulp没有正确地看我的scss文件

1 个答案: