从 v6 迁移
自v7
版本后,APlus-UI
使用cssinjs
的方案来实现样式系统,组件的样式将会动态的添加,因此手动引入样式/插件按需加载都不再需要,具体迁移如下:
- 删除全量样式导入
js
import '@aplus-frontend/ui/theme/index.css'
// 也可 import '@aplus-frontend/ui/theme/index.less'
- 修改
reset.css
导入路径为:
js
import '@aplus-frontend/ui/es/src/style/reset.css'
v6
及以前版本通过切换uiMode
即可切换内置的antdv
样式覆盖,由于v7
版本使用cssinjs
方案,此时再将样式覆盖内置到组件库中已经不合适,因此v7
版本删除了antdv
的样式覆盖,请自行在项目中管理v6
版本使用unplugin-aplus-ui
在构建时按需引入组件样式,而cssinjs
天然是按需加载的,因此安全的移除此按需加载插件即可删除自定义less变量
@ns
的逻辑
ts
export default defineConfig({
...,
css: {
preprocessorOptions: {
less: {
javascriptEnabled: true,
modifyVars: {
'@ns': 'xx' // 删除
}
}
}
}
})