CODEWITHSUNDEEP
csssassgulpgulp-sassnode-sass
David Rhoderick
David Rhoderick

Reputation: 352

gulp-sass not importing scss files

I'm on node version 11 (although I've tried 10 and 9), I'm using gulp version 3.9.1 and gulp-cli version 2.0.1, gulp-sass version 4.0.2, and node-sass version 4.11.2. Here is my very simple scss file:

@import "normalize-scss/sass/normalize";

h1 {
  color: red;
}

Here is a dead simple gulpfile I am testing with:

var gulp        = require('gulp'),
    sass        = require('gulp-sass'),
    connect     = require('gulp-connect');

gulp.task('sass', function(){
  gulp.src('src/scss/style.scss')
    .pipe(sass())
    .pipe(gulp.dest('src/css'));
});

gulp.task('serve', ['sass'], function () {
  connect.server();
});

gulp.task('default', ['serve']);

When I start the server with a bad import path, like say @import "normalize-scss/asdf/sass/normalize";, I get an error saying the patch can't be found. However, when I use the actual import path and start my task (like what's above), I get no errors, yet I only get this in my style.css file:

h1 {
  color: red; }

I've been banging my head against this for an hour. Any clues?

Upvotes: 1

Views: 613

Answers (1)

David Rhoderick
David Rhoderick

Reputation: 352

It's my own fault; normalize.scss as it is found at https://github.com/appleboy/normalize.scss requires an @include normalize(); to start working. I guess I had spent so much time on gulp debugging that I lost track of the simple things.

Upvotes: 1

Related Questions