Nuxt3 引入插件的 (ant-design-vue ui) 的最新方式

黄粱一梦2024-03-2123

Nuxt3 引入插件的 (ant-design-vue ui) 的最新方式

注意
Nuxt3 中不需要再引入vue 或者显示的引入 @nuxtjs/composition-api 了
Antdui 最新版 4.0.0-alpha.3 以上不需要再引入 dist/antd.css 了

创建pages/antd-ui.ts（或js）


import Antd from 'ant-design-vue'
// import 'ant-design-vue/dist/antd.css'; //新版 不需要引入css 由js生成
export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(Antd)
})

Nuxt.config.ts配置

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  plugins:[
    "~/plugins/antd-ui.ts"
  ]
})

:::warning Nuxt3: 引入antd样式出现闪烁？
关于Nuxt3: 引入antd样式出现闪烁问题，可以看这篇博文地址
:::

分类：随笔