能否在VS Code中实现保存文件时自动用Bun打包TypeScript？

基础运行方式 #

官方指南给出两种启动方式：

• 直接在命令行执行：bun run index.ts
• 将命令配置到package.json的scripts字段中，示例配置如下：

{
  "name": "quickstart",
  "module": "index.ts",
  "type": "module",
  "scripts": {
    "start": "bun run index.ts"
  },
  "devDependencies": {
    "@types/bun": "^1.0.0"
  }
}

配置完成后，执行bun run start即可启动项目。

文件保存自动打包实现 #

要实现文件保存时自动打包，可借助Bun的--watch参数结合构建脚本完成：

1. 创建构建脚本（如build.js），示例内容：

import { build } from "bun";

await build({
  entrypoints: ["./index.ts"],
  outdir: "./dist",
  // 可根据需求添加target、format等其他构建选项
});

2. 在package.json的scripts中添加监听构建命令：

{
  "scripts": {
    "start": "bun run index.ts",
    "build": "bun build.js",
    "build:watch": "bun --watch build.js"
  }
}

3. 执行bun run build:watch，此后修改并保存相关文件时，Bun会自动触发重新打包。

注意：bun bun.build.js并非标准命令，正确实现自动打包的核心是利用--watch参数监听构建脚本的执行。

内容的提问来源于stack exchange，提问作者1.21 gigawatts