使用 tsdown 构建 vue 组件库

2025-05-24 23:02:00 构建工具 Vue 161 words 1 min read

tsdown 通过与 unplugin-vuerolldown-plugin-dts 的无缝集成,为构建 Vue 组件库提供了一流支持。这一方案让您能够使用现代 TypeScript 工具链打包 Vue 组件并生成类型声明。

tsdown 用法和 tsup 基本类似,可以使用 npx tsdown migrate 命令将基于 tsup 的旧项目迁移到 tsdown。

安装依赖:

          pnpm install -D tsdown unplugin-vue vue-tsc

        

配置文件:

tsdown.config.ts
          import { defineConfig } from 'tsdown'
import Vue from 'unplugin-vue/rolldown'

export default defineConfig({
  entry: ['./src/index.ts'],
  platform: 'neutral',
  plugins: [Vue({ isProduction: true })],
  dts: { vue: true },
})

        

运行 tsdown build 命令打包项目。

如果迁移项目执行 tsdown build 后出现莫名奇妙的错误,建议删除 node_modules 重新安装依赖再试


使用 tsdown 构建 vue 组件库
https://sunshj.top/articles/use-tsdown-build-vue-lib
作者
sunshj
发布于
2025-05-24 23:02
许可
Expo 本地构建 APK
了解如何在本地为您的 Expo 应用创建生产版本
© 2021-2025 sunshj's Blog