Skip to content

从 v6 迁移

v7版本后,APlus-UI使用cssinjs的方案来实现样式系统,组件的样式将会动态的添加,因此手动引入样式/插件按需加载都不再需要,具体迁移如下:

  1. 删除全量样式导入
js
import '@aplus-frontend/ui/theme/index.css'
// 也可 import '@aplus-frontend/ui/theme/index.less'
  1. 修改reset.css导入路径为:
js
import '@aplus-frontend/ui/es/src/style/reset.css'
  1. v6及以前版本通过切换uiMode即可切换内置的antdv样式覆盖,由于v7版本使用cssinjs方案,此时再将样式覆盖内置到组件库中已经不合适,因此v7版本删除了antdv的样式覆盖,请自行在项目中管理

  2. v6版本使用unplugin-aplus-ui在构建时按需引入组件样式,而cssinjs天然是按需加载的,因此安全的移除此按需加载插件即可

  3. 删除自定义less变量@ns的逻辑

ts
export default defineConfig({
  ...,
  css: {
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
        modifyVars: {
          '@ns': 'xx' // 删除
        }
      }
    }
  }
})