laravel5.5 vue-fontawesome组件的安装

场景

vue组件中使用font awesome5

分析

. vue有需要 自然要去github上面看看了, then  `FortAwesome/vue-fontawesome`

安装

npm i –save-dev @fortawesome/fontawesome-svg-core
npm i –save-dev @fortawesome/free-solid-svg-icons
npm i –save-dev @fortawesome/vue-fontawesome

配置

修改 esources/assets/js/app.js

import { library } from ‘@fortawesome/fontawesome-svg-core’;
import { faCoffee } from ‘@fortawesome/free-solid-svg-icons’;
import { FontAwesomeIcon } from ‘@fortawesome/vue-fontawesome’;
library.add(faCoffee);
Vue.component(‘font-awesome-icon’, FontAwesomeIcon);

用法

vue组件中 <span><font-awesome-icon icon="coffee"/>咖啡</span>
可用的icon见 https://fontawesome.com/icons?d=gallery