Мне нужно добавить в проект на Vue.js шрифтовые значки Font Awesome, часто используемые в связке с Bootstrap.
Но у меня не получается это сделать.
Предыстория:
nvm install 8.11.3 x64
nvm use 8.11.3
Установка Vue.js и создание проекта:
npm install -g @vue/cli
npm vue ui
Шаги мастера создания проекта:
- Менеджер пакетов - NPM
- Ручной выбор компонентов
- Компоненты: Babel, Vuex, SASS, ESLint, Unit Testing (последний на вырост)
- CSS pre-processot: SCSS/SASS; ESLint + standart config; testing - Jest
Затем добавил Bootsrap:
npm install bootstrap-vue bootstrap --save
# main.js
import BootstrapVue from 'bootstrap-vue'
Vue.use(BootstrapVue)
# App.vue
<style lang="scss">
@import "~bootstrap/dist/css/bootstrap.css";
</style>
Стили Bootstrap 4 взлетели. Нехватает поддержки Font Awesome... но от обилия вариантов у меня глаза разбегаются:
Повторю вопрос:
Как добавить в проект на Vue.js шрифтовые значки Font Awesome?
Желательно, плагином Vue, т.к. в теории там ожидается сборка только используемых частей...
PS Я новичок в Vue.js и если неправильно подключил Bootstrap, прошу поправить..))