在一个前端工程中，我们也常常会使用到如 typescript编写代码， 或 使用postcss/less/sass 编写css 代码。
但是在浏览器中，是不支持这些格式的，因此我们还需要将 typescript 转为 javascript， 将 postcss/less/sass 转为 css 代码。
在这一小节中，我们将使用 esbuild 将 typescript 代码编译为 浏览器支持的javascript代码， 再响应给浏览器。
esbuild
esbuild (opens in a new tab) 是一个高性能的 web 编译工具。我们可以用它非常轻松的将 typescript 代码编译为 浏览器支持的javascript代码。
import { transform } from 'esbuild'
// ...
server.use((req, res) => {
// ...
if (/\.[mc]?ts/.test(id)) {
content = await transformWithEsbuild(content)
}
// ...
})
// ...
async function transformWithEsbuild(code: string) {
const result = await transform(code, {
target: 'esnext',
charset: 'utf8',
platform: 'browser',
format: 'esm',
loader: 'js',
})
return result.code
}