为了便于排查问题,Rsbuild 提供了调试模式,你可以在执行构建时添加 DEBUG=rsbuild
环境变量来开启 Rsbuild 的调试模式。
在调试模式下,Rsbuild 会输出一些额外的日志信息,并将内部最终生成的 Rsbuild 配置和 Rspack 配置写入到产物目录下,便于开发者查看和调试。
在调试模式下,你会看到 terminal 中输出了一些额外的信息,其中以 debug
开头的是一些流程日志,表明 Rsbuild 内部执行了哪些操作。
此外,terminal 中还会输出以下日志,表示 Rsbuild 将内部生成的构建配置写入到磁盘中,此时你可以打开这些配置文件来查看相应的内容。
在调试模式下,Rsbuild 会自动生成 dist/rsbuild.config.mjs
文件,这里面包含了最终生成的 Rsbuild 配置。在这个文件里,你可以了解到你传入的 Rsbuild 配置在经过框架层和 Rsbuild 处理后的最终结果。
该文件的大致结构如下:
关于 Rsbuild 配置项的完整介绍,请查看 配置 Rsbuild 章节。
如果当前项目是使用 Rspack 进行构建的,那么在调试模式下,Rsbuild 还会自动生成 dist/rspack.config.web.mjs
文件,这里面包含了最终生成的 Rspack 配置。在这个文件里,你可以了解到 Rsbuild 最终传递给 Rspack 的配置里包含了哪些内容。
该文件的大致结构如下:
关于 Rspack 配置项的完整介绍,请查看 Rspack 官方文档。
如果当前项目是使用 webpack 进行构建的,那么在调试模式下,Rsbuild 还会自动生成 dist/webpack.config.web.mjs
文件,这里面包含了最终生成的 webpack 配置。在这个文件里,你可以了解到 Rsbuild 最终传递给 webpack 的配置里包含了哪些内容。
该文件的大致结构如下:
此外,如果项目配置了额外的构建产物类型,比如开启了框架的 SSR 能力(对应额外的 Node.js 构建产物),在 dist
目录会另外生成一份 webpack.config.node.mjs
文件,对应 SSR 构建时的 webpack 配置。
关于 webpack 配置项的完整介绍,请查看 webpack 官方文档。