526互联

全局引用ant-design-vue的TreeSelect没有样式

发布时间 2023-08-10 17:19:21作者: seeBetter

在全局只按需引用了TreeSelect --- vue.use(TreeSelect)

没有样式.........

需要在babel.config.js里的plugins配置

plugins: [
    [
        "import",
        {
            "libraryName": "ant-design-vue", // 库名称
            "libraryDirectory": "es", // 组件路径
            "style": true, // 会加载less文件
        }
    ]
]

 

element-ui按需引入是使用的babel-plugin-component，而vant按需引入是使用的babel-plugin-import

babel-plugin-import 是 ant-design 团队出的，其他绝大部分按需引入的插件都是在此基础上改的。

babel-plugin-component 是饿了么团队在前者的基础上做了一些改动。

 

自定义组件添加babel配置：

https://www.jianshu.com/p/ee8371b5d4e5?utm_campaign=hugo&utm_content=note&utm_medium=writer_share&utm_source=weibo