gulp-sass-bulk-import

import directories in your SCSS

Usage no npm install needed!

<script type="module">
  import gulpSassBulkImport from 'https://cdn.skypack.dev/gulp-sass-bulk-import';
</script>

README

gulp-sass-bulk-import

gulp task to allow importing directories in your SCSS

installation

npm install --save-dev gulp-sass-bulk-import

usage

in your .scss file


@import "some/path/*";

// becomes
// @import "some/path/file1.scss";
// @import "some/path/file2.scss";
// ...

in your gulpfile

var bulkSass = require('gulp-sass-bulk-import');

gulp.task('css', function() {
    return gulp
            .src(srcDir + 'stylesheets/app.scss')
            .pipe(bulkSass())
            .pipe(
                sass({
                    includePaths: ['src/stylesheets']
                }))
            .pipe( gulp.dest('./public/css/') );
});