```markdown 写一个ts 包如何打包出.d.ts ```

2024年8月18日#ts60

AI 翻訳

この記事はAIを通じて中国語から日本語に翻訳されました。原文を表示

AI が生成した要約

ts通知文件中设置了编译选项，生成声明文件和输出目录。vite.config.ts文件调整了库模式打包的设置，包括输出声明文件和文件名。添加package.json文件以便在使用时读取。

通知 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",
}