gulp-sass-inheritance icon indicating copy to clipboard operation
gulp-sass-inheritance copied to clipboard

compiles empty files

Open SteinTheRuler opened this issue 6 years ago • 0 comments
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

Files.zip

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;

SteinTheRuler avatar Jul 19 '19 05:07 SteinTheRuler