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

如何在新的gulp-scss-bootstrap项目中添加和使用 Font Awesome ？什么是清洁正确的方法？谢谢。

最佳答案

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/'));
});

关于sass - 将 font-awesome 正确添加到 gulp 项目中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49195144/