Vue使用iconify图标
1、安装插件purge-icons-webpack-plugin
yarn add purge-icons-webpack-plugin -D或者
npm i purge-icons-webpack-plugin -D🔒 点击解锁完整内容
次阅读
扫描下方二维码，关注公众号：程序进阶之路，实时获取更多优质文章推送。
扫码关注
yarn add purge-icons-webpack-plugin -D或者
npm i purge-icons-webpack-plugin -Dyarn add purge-icons-webpack-plugin -D或者
npm i purge-icons-webpack-plugin -D在vue.config.js文件中配置插件使用。
// vue.config.js
const { 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'import { Icon } from '@iconify/vue';
<Icon icon="mdi-light:home" />扫描下方二维码，关注公众号：程序进阶之路，实时获取更多优质文章推送。