NPMとGulpを使用したGoogleマテリアルデザインアイコンフォント

Question

私のプロジェクトにGoogle Material Design Icon Fontをインポートしようとしています。私は、NPMパッケージ

npm install material-design-icons --save-dev 

それが存在するがインストールされているが、私はそれが私のSCSSファイルに含まれるように取得する方法を見つけ出すことはできません。私はいくつかの異なる方法をインポートしようとしたが、それらはすべて失敗する。私はnode_modules内からフォントファイルを参照しようとしましたが、それもうまくいきません。このフォントをSCSSに組み込んだり、インポートしたりする方法が必要です。

Answer 1

私はこの問題を解決しました。私は自分のフォントファイルを自分のソースから配布フォルダに移動するフォントタスクの前に実行する別のタスクを作成しました。それは役に立つかもしれないので、ここにコードがあります。私はGulp Starterキットをベースとして使用しています。標準のフォントタスクと同様に

var config  = require('../config'); 
if(!config.tasks.fonts) return; 

var changed  = require('gulp-changed'), 
    gulp  = require('gulp'), 
    path  = require('path'); 

gulp.task('googleFont', function() { 
    return gulp.src([paths.iconsrc, '*!README.md']) 
     .pipe(changed(paths.dest)) 
     .pipe(gulp.dest(paths.dest)) 
}); 

、これは./node_modules/material-design-icons/iconfontでGoogleのマテリアルデザインアイコンフォントフォルダに直接行くと、彼らは最後のデプロイメントと異なっているならば、私の配布フォルダにコピーします。つまり、Googleからの更新もサポートされます。