node.js - 使用 NPM 和 Gulp 的 Google Material Design 图标字体

Question

我正在尝试将 Google Material Design 图标字体导入到我的项目中。我已经安装了 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 Material Design 图标字体文件夹，然后如果它们与上一个不同部署会将它们复制到我的分发文件夹中。这意味着它还将在发生时支持来自 Google 的更新。