Gulp监视特定文件并生成其他文件

时间:2018-07-31 08:32:55

标签: node.js sass gulp

我的gulpfile.js中有此代码

bool operator<( const 3DSolid& _Left, const 3DSolid& _Right )
{
    return _Left.getBar() < _Right.getBar();
}

这基本上监视所有的scss文件。

我的// Sass configuration var gulp = require('gulp'); var sass = require('gulp-sass'); gulp.task('sass', function() { gulp.src('*.scss') .pipe(sass()) .pipe(gulp.dest(function(f) { return f.base; })) }); gulp.task('default', ['sass'], function() { gulp.watch('*.scss', ['sass']); }) 包含:

theme.scss

我想监视一个特定的文件,即@import "default" @import "buttons" default.scss,如果这些文件被修改,我想在我的buttons.scsssrc并重新生成theme.scss

如何修改以上代码以实现此目的?

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

如果我理解您的问题,我认为这可能是一个解决方案

     function msg(){

     function timer()
     {
             seconds -=1;
        document.getElementById("heading").innerHTML="Select The Multiples of 2 in"+" "+seconds+" "+"seconds";
     }
              var cancel=setInterval(timer,1000);
setTimeout(function(){if(cout<10){alert("Time Over You Lose!");}else{alert("You Have Completed Level 1");}},10000);

 }

如果您只想在修改所述文件时生成theme.scss,则可以添加类似的内容,并在上面的gulp.watch中的“ sass”旁边添加“ sass_theme”。

gulp.task('default', function(){
    gulp.watch(['default.scss', 'buttons.scss', ..., 'the-files-you-want-to-watch'], ['sass']);
});