Gulp只观看主要的scss而不是偏见

问题描述 投票:1回答:1

设置我的gulp任务以自动观察我的scss更改时出现问题。我正在创建一个快速应用程序,我有一个这样的文件夹:

my file setup

首先,我在终端gulp watch中执行我的gulp任务。基本上,当我添加另一个css条件,如body {height: 25%;}并保存我的部分,它不会将其转换为CSS。它只适用于main.scss文件。但是使用_(部分scss)它没有。

这是我的gulpfile.js

    var gulp = require('gulp');
var sass = require('gulp-sass');


gulp.task('sass', function(){
    return gulp.src('public/sass/**/*.scss')
      .pipe(sass({outputStyle: 'compressed'})) // Using gulp-sass
      .pipe(gulp.dest('public/stylesheets'))
  });

  gulp.task('watch', function(){
    gulp.watch('public/sass/**/*.scss', gulp.parallel('sass', function(done) {
        // do more stuff
        done();
      }))
  })

我尝试改变像*.scss**/*.scss*.+(scss|sass)这样的球,但它不起作用。

请帮忙

gulp gulp-sass
1个回答
1
投票

你的代码对我来说没问题。你导入了这样的所有部分吗?

main.scss

@import 'auth';
@import 'blog-show';

/* more imports ... */
© www.soinside.com 2019 - 2024. All rights reserved.