bowerを使いfont-awesomeをプロジェクト内にインストールし、gulpのgulp-ruby-sass
を使いコンパイルしています。
この際にbower_components/font-awesome
内に手を入れず、_variables.scss
内にあるフォントのパスなどの変数を上書きさせてコンパイルさせる方法はありますでしょうか?
以下使用しているプラグインのパージョンとGulpのタスクになります
json
"devDependencies": { "gulp": "^3.9.0", "gulp-notify": "^2.2.0", "gulp-rename": "^1.2.2", "gulp-ruby-sass": "^2.0.2" }
javascript
var gulp = require("gulp"), rename = require('gulp-rename'), rubySass = require("gulp-ruby-sass"), notify = require("gulp-notify"); gulp.task('fontawesome', function(cb) { // パスもできれば`main-bower-files`とかで自動で取ってきたい var path = './bower_components/font-awesome'; // copy font files gulp.src(path + '/fonts/*.*') .pipe( gulp.dest(destDir + '/fonts') ); // compile scss return rubySass(path + '/scss/*.scss', { style: 'compressed', }) .on("error", notify.onError(function(error) { return "Error: " + error.message; })) .pipe( rename({ prefix: '_' }) ) .pipe( gulp.dest(destDir + '/css') ); });
なんとなくgulp-ruby-sass
のloadPath
オプションを使えば実現できそうな気もしているのですがご存知の方がおられましたらご教授お願いいたします。
まだ回答がついていません
会員登録して回答してみよう