vite2.x实现按需加载ant-design-vue@next组件的方法
1.使用版本
- vite:2.0
- ant-design-vue:2.0.0-rc.8
- vue:3.0.5
2.安装vite插件
yarnaddvite-plugin-style-import-Dornpmivite-plugin-style-import-D
插件仓库地址:github
3.vite.config.js配置
importvuefrom'@vitejs/plugin-vue' importstyleImportfrom'vite-plugin-style-import'; /** *@type{import('vite').UserConfig} */ exportdefault{ plugins:[ vue(), styleImport({ libs:[{ libraryName:'ant-design-vue', esModule:true, resolveStyle:(name)=>{ return`ant-design-vue/es/${name}/style/css`; }, }] }) ] }
4.测试运行
main.js
import{createApp}from'vue' importAppfrom'./App.vue' import{Input}from'ant-design-vue'; constapp=createApp(App) app.use(Input) app.mount('#app')
组件中使用
Primary import{Button}from"ant-design-vue";
到此这篇关于vite2.x实现按需加载ant-design-vue@next组件的方法的文章就介绍到这了,更多相关vite2.x按需加载内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。