awesome : vue-awesome 按需引入

其实挺简单的，被文档带到沟里去了。

main.js:

首先讲一下全部引入，很简单。

import 'vue-awesome/icons'
import Icon from 'vue-awesome/components/Icon'
Vue.component('v-icon', Icon)

然后按需引入的话，把引入的文件换成需要的几个文件就行。

import 'vue-awesome/icons/brands/weixin'
import 'vue-awesome/icons/brands/weibo'
import 'vue-awesome/icons/brands/telegram'
import 'vue-awesome/icons/brands/twitter'
import 'vue-awesome/icons/brands/medium'
import 'vue-awesome/icons/brands/github'
import 'vue-awesome/icons/envelope'
import Icon from 'vue-awesome/components/Icon'
Vue.component('v-icon', Icon)

在组件或者页面里使用：

<a href="https://twitter.com/damian_q" target="_blank" class="icon-unit">
     <v-icon name="brands/twitter" scale="1.6"/>
</a>

 

转载于:https://www.cnblogs.com/foxcharon/p/9719123.html