gulp-sass-variablesで環境ごとの変数の値を変える - Rhythm & Biology

環境によってCSSの中身を切り替えたいということがある。 たとえば、background画像のURLを、開発環境ではローカル、本番環境ではCDNのものにするといった場合である。 gulp-sassを使っている場合は、gulp-sass-variablesを利用するとこれが実現できる。 www.npmjs.com まず関連パッケージのインストール $ npm install gulp gulp-sass gulp-sass-variables yargs --save-dev 次にgulpfile.jsを用意。 sassVariablesの部分が今回の重要ポイント。 var gulp = require('gulp'), sass = require('gulp-sass') sassVariables = require('gulp-sass-variables'), argv = req