带有NPM和Gulp的Google Material Design图标字体

我正在尝试将Google材料devise图标字体导入到我的项目中。 我已经安装了NPM软件包

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

它存在,但我不知道如何让它包含在我的SCSS文件。 我试过导入几种不同的方法,他们都失败了。 我也试过从node_modules中引用字体文件,这也是行不通的。 必须有一种方法来将此字体包含或导入到SCSS中。

Solutions Collecting From Web of "带有NPM和Gulp的Google Material Design图标字体"

我解决了这个问题。 我最终创build了另一个任务,在将我的字体文件从源文件移动到分发文件夹的字体任务之前运行。 这是代码,因为它可能有帮助。 请注意,我正在使用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 Material Design图标字体文件夹,然后如果它们不同于上次部署,则会将其复制到我的分发文件夹中。 这意味着它也将支持来自Google的更新。