I have different *.scss
files in my src folder and I want one file to be compiled in its own separate folder.
Lets assume I have the files normalFile_1.scss
, specialFile.scss
, normalFile_2.scss
. I want the two normal files to be compiled to the folder Public/Css
, the special file however should end up in the folder Public/Css/Special
.
I have tried to get the current filename in the task with gulp-tap
, which works fine.
.pipe($.tap(function (file, t) {
filename = path.basename(file.path);
console.log(filename); //outputs normalFile_1.css, specialFile.css, normalFile_2.css
}))
And with gulp-if
I then wanted to switch the output folder based on the filename
variable (PATHS.dist is the output "root" folder Public
):
.pipe($.if(filename == 'specialFile.css', gulp.dest(PATHS.dist + '/Css/Special'), gulp.dest(PATHS.dist + '/Css')));
But everything still ends up in the Public/Css
folder. Why does this not work? Is this even a good way of trying to accomplish that or are there better methods?