如何在 Nuxt 3 中集成 tdesign-vue-next UI 组件库？

发布者：前端集合 // 发布时间：2024-02-26 23:25:00 // 分类：经验记录 // 访问: 469 次 // 热度:

网上的教程要么太复杂，要么有错误。

拿目前最新的 tdesign-vue-next 1.8.x 版本来说，将其集成到 nuxt.js 3 里，其实很容易。请看代码：

// nuxt.config.ts 文件
export default defineNuxtConfig({
  devtools: { enabled: true },
  
  // 添加tdesign配置
  build: {
    transpile: ['tdesign-vue-next'],
  },
  modules: [
    // 添加tdesign配置
    'tdesign-vue-next/es/nuxt',
  ],
})

Tags: nuxt.js, tdesign, nuxt 3, tdesign-vue-next, vue 3, vue, vue.js