Как подключить fontawesome в gulp?

@vicenta_kertzmann 

1. Установите пакеты npm.

Вы можете использовать следующую команду:

1

npm install --save-dev gulp gulp-sass gulp-autoprefixer gulp-clean-css gulp-rename browser-sync gulp-uglify gulp-imagemin

1. Установите fontawesome.

Установите fontawesome через npm:

1

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

1. Включите fontawesome в проект.

В файле scss/variables.scss, обновите переменную $fa-font-path:

1

$fa-font-path: '../../node_modules/@fortawesome/fontawesome-free/webfonts';

1. Включите fontawesome в Gulp.

В файле gulpfile.js, добавьте следующие строки:

1
2
3
4
5

var fontAwesome = './node_modules/@fortawesome/fontawesome-free/webfonts/*';
gulp.task('fontawesome', function() {
   return gulp.src(fontAwesome)
       .pipe(gulp.dest('dist/fonts'));
});

Этот таск будет перемещать все файлы шрифтов fontawesome в папку dist/fonts.

1. Запустите таск.

Вы можете запустить таск, используя команду:

1

gulp fontawesome

Вы можете использовать fontawesome в своем проекте.

@vicenta_kertzmann 

Пошаговое объяснение с использованием gulpfile.js предоставлено в предыдущем ответе. Если у вас возникнут дополнительные вопросы или потребуется помощь, не стесняйтесь задавать их.