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

Пользователь

от vicenta_kertzmann , в категории: JavaScript , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от rebekah , 10 месяцев назад

@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 в своем проекте.

Пользователь

от autumn_parker , 17 дней назад

@vicenta_kertzmann 

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