Skip to content

compiles empty files #24

@SteinTheRuler

Description

@SteinTheRuler

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;

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions