Compiling scss files using gulp-sass npm module

Question

I am using gulp-sass module to compile scss files to css files.

This is my gulpfile.js

'use strict';

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

gulp.task('sass', function () {
  return gulp.src('sass/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('css'));
});

I have two files in my sass folder:

sass
|--- _test.scss
|--- demo.scss

The plugin compiles demo.scss file but not _test.scss, I tried with same content as well.

Is there something with the naming convention or I need to change my gulpfile.js.

Aslam · Accepted Answer · 2017-09-20 11:19:25Z

1

You need to change _test.scss to test.scss.

Node sass ignores _filenames. Usually we use _ with files names which are going to be imported in the scss files.

answered Sep 20, 2017 at 11:19

Aslam

9,6985 gold badges39 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

bhansa Over a year ago

so we can only use this _*.scss for imports

Aslam Over a year ago

Yes for @import "test.scss" or @import "test". You can import test inside the demo.scss

Collectives™ on Stack Overflow

Compiling scss files using gulp-sass npm module

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related