gulp-sass-inheritance
gulp-sass-inheritance copied to clipboard
compiles empty files
trafficstars
I followed the example, but after compiling all the files are empty, except one (for some reason).
Folders: ./STYLE -ColorProfile.scss -Functions.scss -FunctionsUtility.scss -MapsAndList.scss -Media.scss -Mixin.scss ./STYLE/Layout -Flex.scss -Mixin.scss
All files are connected.
gulpfile.js:
'use strict';
var gulp = require('gulp');
var sassInheritance = require('gulp-sass-inheritance');
var sass = require('gulp-sass');
var cached = require('gulp-cached');
var gulpif = require('gulp-if');
var filter = require('gulp-filter');
function styleChanged () {
return gulp.src("./STYLE/**/*.scss")
.pipe(gulpif(global.isWatching, cached("sass")))
.pipe(sassInheritance({dir: "./STYLE/"}))
.pipe(filter(function (file) {
return !/\/_/.test(file.path) || !/^_/.test(file.relative);
}))
.pipe(sass())
.pipe(gulp.dest("./_Build/STYLE"));
};
function doWatch () {
global.isWatching = true;
gulp.watch("./STYLE/**/*.scss", styleChanged);
};
exports.default = doWatch;
exports.styleChanged = styleChanged;