kino90 / gulp-scss-import

A Gulp plugin to create an import scss from a list of files

#gulp-scss-import A Gulp plugin to create an import scss from a list of files

#Install

npm install --save gulp-scss-import

#Usage

Import it in your gulpfile.js

var gulpScssImport = require('gulp-scss-import');

Use it in a task!

// some variables
var stylesToImport = ['styles/**/*'];
var distDir = 'dist';
var stylesOutputDir = distDir + '/styles'
var importOutputFile = '_style-core.scss';

gulp.task('generate-directives-import', function(){
	// need this to get the "../../" (referring to the right scss files' path)
	// for importing the right file without using absolute path
	var relativePathFromStyles = path.relative(stylesOutputDir, distDir) + "\\";
	
	gulp.src(stylesToImport, {base: relativePathFromStyles })
		.pipe(filter(['**/*.scss']))
		.pipe(gulpScssImport(importOutputFile))
		.pipe(gulp.dest(stylesOutputDir));

});

Import the resulting scss!

@import 'style-core';

#Credits

Thanks to stevelacy/gulp-mix-test