1、安裝插件purge-icons-webpack-plugin

yarn add purge-icons-webpack-plugin -D

或者

npm i purge-icons-webpack-plugin -D

2、配置插件

? 在vue.config.js文件中配置插件使用。

// vue.config.jsconst { PurgeIcons } = require('purge-icons-webpack-plugin');module.exports = { chainWebpack: config => {config.plugin('purgeIcons').use(PurgeIcons).tap(args => {return args})},};

? 在main.ts文件中import '@purge-icons/generated'

// main.ts
import '@purge-icons/generated'

3、使用Icon

import { Icon } from '@iconify/vue';<Icon icon="mdi-light:home" />

---

新時代農民工

總結

以上是生活随笔為你收集整理的Vue使用iconify图标的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。