sass - 将 font-awesome 正确添加到 gulp 项目中

Question

如何在我的新 gulp-scss-bootstrap 项目中添加和使用很棒的字体？什么是干净和正确的方法呢？谢谢。

Answer 1

1 下载 Font Awesome 5

npm install --save-dev @fortawesome/fontawesome-free

2 在 SCSS 文件中

@import "../../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/brands";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/regular";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/solid";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/v4-shims";

3 在 gulpfile.js 中添加一个任务

gulp.task('icons', function() {
    return gulp.src('node_modules/@fortawesome/fontawesome-free/webfonts/*')
        .pipe(gulp.dest(dist+'/assets/webfonts/'));
});