当前位置:  开发笔记 > 前端 > 正文

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

如何解决《将font-awesome正确添加到gulp项目》经验,为你挑选了1个好方法。

如何在新的gulp-scss-bootstrap项目中添加和使用超棒的字体?什么是清洁正确的方法?谢谢。



1> 小智..:

1下载fontawesome 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/'));
});

推荐阅读
ar_wen2402851455
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有