> For AI agents: the complete documentation index is available at /zh/llms.txt, the full documentation bundle is available at /zh/llms-full.txt.

# 配置底层工具

## 使用方式

Modern.js 内部默认集成了 [TypeScript](https://www.typescriptlang.org/)、[Rspack](https://rspack.rs/)、[PostCSS](https://postcss.org/)、[SWC](https://swc.rs/) 等工具。通常情况下，默认配置能够满足大多业务开发需求。当有特殊需求时，可以通过底层配置来实现。

以配置 Rspack 为例，只需要在 `modern.config.ts` 中添加 [`tools.rspack`](/zh/configure/app/tools/rspack.md) 即可：

```ts title="modern.config.ts"
export default defineConfig({
  tools: {
    rspack: config => {
      // 修改 Rspack 配置
    },
  },
});
```

`tools` 命名空间下的配置都可以设置为 `Object` 或者 `Function`。

值为 `Object` 时，会与内部默认配置进行合并，具体合并策略参考对应的配置选项文档（见下表）。

值为 `Function` 时，第一个参数为内部的默认配置对象，可以直接修改这个对象不做返回，也可以返回一个新的对象或者合并后的对象作为最终结果。

## 底层配置明细

目前提供的底层配置如下表：

| 底层工具               | 配置                                                                         |
| ------------------ | -------------------------------------------------------------------------- |
| Rspack             | [tools.rspack](/zh/configure/app/tools/rspack.md)                          |
| Bundler Chain      | [tools.bundlerChain](/zh/configure/app/tools/bundler-chain.md)             |
| SWC                | [tools.swc](/zh/configure/app/tools/swc.md)                                |
| TypeScript Checker | [tools.tsChecker](/zh/configure/app/tools/ts-checker.md)                   |
| PostCSS            | [tools.postcss](/zh/configure/app/tools/postcss.md)                        |
| Less               | [tools.less](/zh/configure/app/tools/less.md)                              |
| Sass               | [tools.sass](/zh/configure/app/tools/sass.md)                              |
| CSS Extract        | [tools.cssExtract](/zh/configure/app/tools/css-extract.md)                 |
| CSS Loader         | [tools.cssLoader](/zh/configure/app/tools/css-loader.md)                   |
| Style Loader       | [tools.styleLoader](/zh/configure/app/tools/style-loader.md)               |
| Lightning CSS      | [tools.lightningcssLoader](/zh/configure/app/tools/lightningcss-loader.md) |
| Minify CSS         | [tools.minifyCss](/zh/configure/app/tools/minify-css.md)                   |
| Autoprefixer       | [tools.autoprefixer](/zh/configure/app/tools/autoprefixer.md)              |
| HTML Plugin        | [tools.htmlPlugin](/zh/configure/app/tools/html-plugin.md)                 |