I am having trouble loading styles on my webpage from SCSS. Below is the code from my Gulp.js file:
// Compile and Automatically Prefix Stylesheets
gulp.task('styles', function () {
return gulp.src([
'Content/styles/**/*.scss',
'Content/styles/**/*.css'
])
.pipe($.newer('Content/styles'))
//.pipe($.newer('.tmp/styles'))
.pipe($.sourcemaps.init())
.pipe($.sass({
precision: 10
}).on('error', $.sass.logError))
.pipe($.autoprefixer({ browsers: AUTOPREFIXER_BROWSERS }))
.pipe(gulp.dest('Content/styles'))
//.pipe(gulp.dest('.tmp/styles'))
// Concatenate And Minify Styles
.pipe($.if('*.css', $.cssnano()))
.pipe($.size({ title: 'styles' }))
.pipe($.sourcemaps.write('./'))
.pipe(gulp.dest('Content'));
});