基于tsup打包TypeScript实现过程

npm i tsup -D
# Or Yarn
yarn add tsup --dev

mkdir tsup-study && cd tsup-study

# 生成 package.json
npm init -y
# 安装tsup
npm i tsup -D

function print(value: any) {
    console.log(value);
}
export default{
    print
}

{
  "scripts": {
      "dev": "tsup src/index.ts"
  },
}

"scripts": {
  "build": "tsup"
}

import { defineConfig } from 'tsup'
export default defineConfig({
  // 入口文件 或者可以使用 entryPoints 底层是 esbuild
  entry: ['src/index.ts'],
  // 打包类型  支持以下几种 'cjs' | 'esm' | 'iife'
  fORMat: ["cjs", "esm"],
  // 生成类型文件 xxx.d.ts
  dts: false,
  // 代码分割 默认esm模式支持 如果cjs需要代码分割的话就需要配置为 true
  splitting: false,
  // sourcemap 
  sourcemap: false,
  // 每次打包先删除dist
  clean: true,
});

{
  "devDependencies": {
    "esbuild-wasm": "latest",// 第1 添加这一行代码
    "tsup": "^6.5.0"
  },
  "overrides": { // 第二行 添加这个
    "esbuild": "npm:esbuild-wasm@latest"
  }
}