首页 新闻 搜索 专区 学院

antd vue 扩展图标求解?

0
[待解决问题]

目前官方提供的图标不够使用,想自己扩展一些图标上

目的是想扩展的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的图标
求解决方法,谢谢。
apgk的主页 apgk | 初学一级 | 园豆:63
提问于:2021-09-14 09:57
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册