Gulp运行功能似乎不起作用

时间:2018-09-24 13:16:29

标签: css sass gulp gulp-sass

/ app

index.html

-/ ass

---- style.scss

-/ css

---- style.css

Gulp CLI版本 2.0.1 和本地版本 4.0.0

运行gulp sass可以正确运行sass函数并编译我的sass文件。 运行gulp sass:watch将启动手表...

images of gulp watch running

如果我在style.scss中更改了某些样式并保存了文件,则会得到:

enter image description here

但不会将任何更改传播到css / style.css。

gulp.task('sass', function() {
    return gulp.src('./app/sass/style.scss')
            .pipe(sass())
            .pipe(gulp.dest('./app/css/'))
});

gulp.task('sass:watch', function() {
    gulp.watch('./app/sass/*.scss', gulp.series(sass));
});

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

如果您认为您只是在gulp.series中忘记了'sass'周围的两个'

gulp.task('sass', function() {
  return gulp.src('./app/sass/style.scss')
    .pipe(sass())
    .pipe(gulp.dest('./app/css/'));
});

gulp.task('sass:watch', function() {
  gulp.watch('./app/sass/*.scss', gulp.series('sass'));
});