图标升级 在ant-design-vue@1.2.0中,我们引入了 svg 图标(为何使用 svg 图标?)。使用了字符串命名的图标 API 无法做到按需加载,因而全量引入了 svg 图标文件,这大大增加了打包产物的尺寸。在 2.0 中,我们调整了图标的使用 API 从而支持 tree shaking,减少默认包体积约 150 KB(Gzipped)。
本文档将帮助你从 ant-design-vue2.x版本升级到 ant-design-vue3.x版本。 2.x 版本是为了兼容 Vue 3 开发的兼容版本,他并没有带来很多新的特性,大多数的 API 改变也只是为了更好的兼容 Vue 3。 3.x 版本在性能、易用性、功能上都有了很大的提升,3.x 版本稳定后,我们会归档 2.x 版本,建议您尽快升...
Ant Design Vue v4 使用:wherecss selector 降低 CSS-in-JS hash 值优先级,如果你需要支持旧版本浏览器(如 IE 11、360 浏览器 等等)。可以通过StyleProvider去除降权操作。详情请参阅兼容性调整。 遇到问题# 如果您在升级过程中遇到了问题,请到GitHub issues进行反馈。我们会尽快响应和相应改进这篇文档。
import Vue from 'vue' import VueI18n from 'vue-i18n' //第三方库解析URL import queryString from 'query-string' let enUS = require('./enUS') let zhCN = require('./zhCN') Vue.use(VueI18n) const messages = { zhCN: zhCN, enUS: enUS } const i18n = new VueI18n({ locale: queryString....
产物中不再包含 css 文件。由于 CSS-in-JS 支持按需引入,原本的ant-design-vue/dist/antd.css也已经移除,如果需要重置一些基本样式请引入ant-design-vue/dist/reset.css。 如果需要组件重置样式,又不想引入 ant-design-vue/dist/reset.css 从而导致污染全局样式的话,可以尝试在应用最外层使用App 组件,解决原生元...
记录一次升级ant-design-vue的遇见的bug 使用版本: "version": "2.5.2" "ant-design-vue": "1.4.2", vue模板内容 <template> </template> export default { data() { return { data:[ { key: 1, address: 'New York No. 1 Lake Park', }...
二.安装 ant design vue 2.0 npm i --save ant-design-vue@next(Ant Design Vue), 配置按需加载,首先安装插件:npm install babel-plugin-import --save-dev , 在项目根目新建bable.config.js , 在里面输入 module.exports = {presets: [ '@vue/cli-plugin-babel/preset' ...
"ant-design-vue":"^3.2.20", "ant-design-vue":"^4.0.3", "dayjs":"^1.11.9", "dotenv":"^16.3.1", "fs-extra":"^11.1.1", Expand Down 15 changes: 11 additions & 4 deletions15internal/vite-config/src/utils/modifyVars.ts