React后台管理系统05 引入UI组件库
使用命令引入UI组件库 npm install antd --save
使用命令安装ant的图标库 npm install --save @ant-design/icons
,注意这里的@后面是一个ant没有单词d!
配置Antd Design样式按需自动引入
npm install vite-plugin-style-import@1.4.1 -D
使用该命令导入插件自动引入组件的样式,不用自己在写引入css样式,并且现在的版本antd里面也没有这个css样式文件了。
然后在vite.config.ts中进行配置:
plugins: [ react(), styleImport({ resolves: [ AntdResolve() ] }), ],
直接引入使用:
界面展示:
本文来自博客园,作者:程序员鲜豪,转载请注明原文链接:https://www.cnblogs.com/hg-blogs/p/16953085.html
分类:
react
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库