从 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' // 删除
}
}
}
}
})