---
sidebar_label: esbuild
---

# tools.esbuild

- **类型：** `Object`
- **默认值：** `undefined`

## 介绍

import Esbuild from '@modern-js/builder-doc/docs/zh/shared/esbuild.md';

<Esbuild />

:::tip 推荐使用 SWC
相较于 esbuild，我们更推荐使用 SWC 来编译和压缩代码，因为 SWC 支持更多的语法特性、拥有更好的代码压缩率，并且产物具备更好的兼容性。

因此，我们建议你使用 SWC 而不是 esbuild，用法请参考 [tools.swc](/configure/app/tools/swc)。

:::

## 配置项

你可以通过 `tools.esbuild` 配置项来设置 esbuild 编译行为。

```js title="modern.config.ts"
import { defineConfig } from '@modern-js/app-tools';

export default defineConfig({
  tools: {
    esbuild: {
      loader: {
        target: 'chrome61',
      },
      minimize: {
        target: 'chrome61',
      },
    },
  },
});
```

完整配置项请参考 [Modern.js Builder - esbuild 插件配置](https://modernjs.dev/builder/plugins/plugin-esbuild.html#%E9%85%8D%E7%BD%AE)。
