Define Sass variables in your gulp task
npm install gulp-sass-variablesSupports strings, numbers and booleans.
``bash`
$ npm install gulp-sass-variables --save-dev
javascript
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'))
});
`$3
`scss
$env: 'development' !default;
$path: '/dev/path/' !default;@if($env == 'production') {
$path: '/prod/path';
}
``