如何完全禁用Ant Design Vue 4自带样式
Ant Design Vue 4 改用了css-in-js来实现样式引入,官方文档里没说如何完全禁用默认样式。
找了好久,试了很多方法都不行,最后发现用 a-style-provider 组件能实现。
实现方法:
<a-style-provider :transformers="[{ visit: () => ({}) }]">
<App />
</a-style-provider>
原理:
通过一个自定义transformer函数,把自带的样式过滤掉了(返回{})