如何将带有导入模块的 typescript 转换为浏览器友好的 js 文件

Question

一段时间以来，我一直在努力转换 ts。 我有一个 npm package 与 typescript 文件和一些 node_modules 所有链接在一起。

// example.ts
import * as bootstrap from 'bootstrap';
export default () => {
    const popoverList = document.querySelectorAll('.popover');
    popoverList.foreach((popover) => {
        new bootstrap.Popover(popover)
    })
}

在另一个文件中：

// maint.ts
import initPopovers from './example';

initPopovers();

当然还有更多的进出。 问题是我希望将此入口点 (main.ts) 转换为 main.js 并将 node_modules 中包含的所有文件都烘焙到其中。 不再有模块，只有在浏览器中开箱即用的普通旧 js。 我尝试了很多不同的东西，但没有一个奏效。 最好的是 browserify，但对于 Typescript，这并没有按预期工作。

有人为我提供解决方案吗？

谢谢！

Answer 1

也许tsup适合你？ 它基于esbuild并且应该完全做到这一点： https://github.com/egoist/tsup 。

您正在寻找的东西称为bundler器（连同转译器），还有其他几个。