Skip to content

Latest commit

 

History

History
41 lines (32 loc) · 871 Bytes

README.md

File metadata and controls

41 lines (32 loc) · 871 Bytes

What is this

Add Sass variables to gulp stream, so that you can use for example environment variables in your Sass build process.

Supports strings, numbers and booleans.

Installation

$ npm install gulp-sass-variables --save-dev

Usage

gulpfile.js

var gulp = require('gulp'),
    argv = require('yargs').argv,
    sassVariables = require('gulp-sass-variables'),
    sass = require('gulp-sass');

// Compile css
gulp.task('css', function () {
  return gulp.src('./src/scss/master.scss')
             .pipe(sassVariables({
               $env: argv.production ? 'production' : 'development'
             }))
             .pipe(sass())
             .pipe(gulp.dest('./dist/css'))
});

master.scss

$env: 'development' !default;
$path: '/dev/path/' !default;

@if($env == 'production') {
  $path: '/prod/path';
}