After creating a new directive folder, I noticed that Gulp is not building the .sass file as expected.
gulp.task('default', function(){
gulp.run('libs');
gulp.run('templates');
gulp.run('makeup');
gulp.run('script');
gulp.run('json');
gulp.run('images');
gulp.run('particles');
});
// ========== ALL SASS AND CSS FILES ==========
gulp.task('makeup', function(){
gulp.src([
// ALL ABOUT LIBS CSS FILES
'./public/components/bootstrap/dist/css/bootstrap.min.css',
'./public/components/slick-carousel/slick/slick.css',
'./public/components/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css',
'./public/components/animate.css/animate.min.css',
'./public/components/bootstrap-datepicker/dist/css/bootstrap-datepicker.css',
// BUZZ SASS
'./public/css/sass/*.sass',
'./public/js/directives/**/*.sass'
])
.pipe(sass({outputStyle: 'compressed'}))
.pipe(concat('build.css'))
.pipe(gulp.dest('./public/build/'));
});
The build.css file does not contain the code I added.
Directory structure:
https://i.sstatic.net/0Y9XX.png
What could be causing this issue? How can it be resolved?