带有NPM和Gulp的Google Material Design图标字体
我正在尝试将Google材料devise图标字体导入到我的项目中。 我已经安装了NPM软件包
npm install material-design-icons --save-dev 它存在，但我不知道如何让它包含在我的SCSS文件。 我试过导入几种不同的方法，他们都失败了。 我也试过从node_modules中引用字体文件，这也是行不通的。 必须有一种方法来将此字体包含或导入到SCSS中。
我解决了这个问题。 我最终创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的更新。