使用 tsdown 构建 vue 组件库
tsdown 通过与 unplugin-vue 和 rolldown-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