New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
在Vue 2.x的版本中,遇见的问题。 #78
Comments
感谢反馈,我们会尽快修复 |
非常感谢同学的耐心体验,我们这遇到vue项目较少可能测试不周,给带来不好体验很抱歉。试试@icon-park/vue@1.1.5
|
好的,我空了试试,修复速度还挺快,赞一个。 |
尝试了一下按需加载,发现不满足我的需求。 第一,图标名称问题,如:list图标为 第二,关于动态图标加载的问题,比如,我的是web admin项目,左边的是动态权限菜单(menu),图标都是不固定的,在路由列表里,由图标名去显示,如果用icon-park,那么在 |
第一个问题这么设计主要考量了TypeScript他JSX模式的友好程度,在TypeScript 4.0之前,没有有效的办法进行字符串覆盖。另外不管我用哪个前缀,都有可能和其他库重复。你可以通过自己写一个map.ts文件的方式解决。 第二个问题因为我无法预先知道你使用了哪个图标,所以也没办法在打包时帮你做好这个事情,这问题可以参考ant-design/ant-design#12011 里面有比较详细的讨论。这个问题的解决方案和你使用的打包器有明显的关系,你可能要使用类似AMD,dynamic import相关的技术来实现效果。我们的运行时是开放的,你可以复制map.ts 或者all.ts里面的代码,自己写一个,同时引用es/下边的图标即可。 总体来说,以上两个问题的核心要点是,确定一下你所需要使用的图标全集,你可以自建map.ts & index.ts的内容来达到缩减体积的效果。 这是一个可行的示例
|
行吧,但我又发现个新的问题。
使用
我使用的版本: |
名字应该是pascalcase,所以需要写成Home |
嗯,好了。 |
1、全局安装图标,不够方便,还得自行处理。
2、全局配置问题,如果不配置,就会报 Injection "ICON_CONFIGS" 错误,但如果需要配置,就需要在自定义组件或在App.vue里配置,不能在main.js里配置,最主要的是,我不需要全局配置,就报错,非要我全局配置。。。
3、官方文档里,全局配置默认的prefix: 'icon',会影响@icon-park的css失效,对于全局配置的参数,没有说明,css里,是i的前缀,而不是icon,所以,会失效,需要将prefix: 'icon' 改为 prefix: 'i',或自行增加css代码处理。
4、名称问题,官方复制Vue代码时,没有前缀,而全局安装后,引入时,需要前缀加 icon- ,名称不统一。
按需加载和单个引入,没测试,感觉问题挺多,有些失望。
The text was updated successfully, but these errors were encountered: