撰寫一個 TypeScript 包，如何打包成 .d.ts 文件。

通知 ts

{
    "compilerOptions": {
      "declaration": true, // 生成 .d.ts 文件
      "declarationDir": "dist/types", // 輸出目錄
      "outDir": "dist", // 輸出目錄
    }
}

調整 vite.config.ts

// 库模式打包src/main.ts
import { defineConfig } from 'vite'
import path from 'path'
import dts from 'vite-plugin-dts';

export default defineConfig({
  plugins: [
    dts({
      outDir: 'dist/types',  // 声明文件的輸出目錄
      include: ['src/**/*.ts'], // 包含的文件
    }),
  ],
  build: {
    lib: {
      entry: path.resolve(__dirname, 'src/main.ts'),
      name: 'main',
      fileName: (format) => `main.${format}.js`,
    },
  },
})

添加 package.json 可以在使用時被讀取到

{
    "main": "dist/main.umd.js",
    "module": "dist/main.es.js",
    "types": "dist/types/main.d.ts",
}