Add a file watcher for scss multiple outputs

Answered

In visual studio I was inefficiently compiling my scss using the gulp file:

 gulp.src('./wwwroot/scss/dark.scss')

 

        .pipe(gulpSass())

 

        .pipe(gulp.dest('./wwwroot/css'));

 

    gulp.src('./wwwroot/scss/light.scss')

 

        .pipe(gulpSass())

 

        .pipe(gulp.dest('./wwwroot/css'));

 

How can I implement the same functionality using file watchers?

I looked at:

https://www.jetbrains.com/help/rider/Transpiling_SASS_LESS_and_SCSS_to_CSS.html

But I cannot see how to specify the root scss file and two output files, only a scope

1 comment
Comment actions Permalink

Hello,

 

Please note that you can run gulp task via file watcher. To do so please:

1. specify path to gulp in Program field

2. Specify "--gulpfile <gulp_file_path>" as argument in Argument field

3. Output files in Output paths to refresh

Please let me know in case of any questions or problems.

Thank you.

0

Please sign in to leave a comment.