前端集合 - 关注前端技术和互联网免费资源

关注前端技术和互联网免费资源

分类儿

页面儿

搜索儿

前端集合 RSS订阅
Home » 经验记录 » 如何在 Nuxt 3 中集成 tdesign-vue-next UI 组件库?

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

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

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

拿目前最新的 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

忙碌的2周>>  << 春节也过得太快了
Top