如何配置Bun编译打包TypeScript且不修改原HTML文件？

这个方案不仅可行，还更贴合前端项目打包的常规逻辑——把脚本代码作为打包核心，HTML文件由你自主控制，避免工具擅自修改原文件内容。

具体操作步骤：

• 修改你的bun.config.js，将入口指定为目标TS文件，同时配置输出目录（可以保留原目录，也建议单独用dist目录来分离源码和产物，避免文件混乱）：

  export default {
    entrypoints: ["./public/index.ts"],
    outdir: "./public", // 要留在原目录就用这个配置，想分离产物就改成"./dist"
    target: "browser", // 明确指定为浏览器环境，Bun会自动适配编译规则
  };
  

• 手动调整原HTML文件里的<script>标签，把src="index.ts"改成src="index.js"（如果输出到dist目录，就改成src="../dist/index.js"）。因为现在打包工具仅处理TS文件，不会改动你的HTML，所以这次修改是一次性的，不会被覆盖。

对比之前用bun-plugin-html的方式：

• 之前的插件会解析HTML里的脚本依赖，自动替换并覆盖原HTML文件，容易破坏你原本的文件结构；
• 改成TS入口后，HTML完全由你掌控，打包过程只处理脚本逻辑，更安全灵活。

如果之后需要处理HTML（比如压缩、给JS文件名加哈希防缓存），可以单独用工具或插件处理，不会影响当前的TS打包流程。

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