antd vue 扩展图标求解？
0
[已关闭问题]
关闭于 2022-06-30 17:28
目前官方提供的图标不够使用，想自己扩展一些图标上
目的是想扩展的icon 图标可以跟官方的融合在一起，调用方面没区别
icons.js 内的svg调用方式，目前无效
路径:src->core->icons.js
import bxAnaalyse from '@/assets/icons/bx-analyse.svg?inline'
export { bxAnaalyse }
需配合 vue.config.js
chainWebpack: (config) => {
config.resolve.alias
.set('@$', resolve('src'))
const svgRule = config.module.rule('svg')
svgRule.uses.clear()
svgRule
.oneOf('inline')
.resourceQuery(/inline/)
.use('vue-svg-icon-loader')
.loader('vue-svg-icon-loader')
.end()
.end()
.oneOf('external')
.use('file-loader')
.loader('file-loader')
.options({
name: 'assets/[name].[hash:8].[ext]'
})
// if prod is on
// assets require on cdn
if (isProd) {
config.plugin('html').tap(args => {
args[0].cdn = assetsCDN
return args
})
}
},
以上代码官方代码库可以找得到，但是在菜单中不能使用，菜单中又无法直接使用iconfont的图标
求解决方法，谢谢。
