string[] | Record<RsbuildTarget, string[]
undefined
Specifies the range of target browsers that the project is compatible with.
This value will be used by tools such as SWC and autoprefixer to identify the JavaScript syntax that need to be transformed and the CSS browser prefixes that need to be added.
The overrideBrowserslist
config will override the .browserslistrc
config file in the project and the browserslist
field in package.json.
In most cases, it is recommended to use the .browserslistrc
file rather than the overrideBrowserslist
config. Because the .browserslistrc
file is the official config file, it is more general and can be recognized by other libraries in the community.
For more details, see Browserslist.
If there is no browserslist
configs defined in the project, nor overrideBrowserslist
defined, then Rsbuild will set the default browserslist to:
An example compatible with mobile scenarios:
Check out the browserslist documentation to learn more about browserslist.
When you build multiple targets at the same time, you can set different browser ranges for different targets. At this point, you need to set overrideBrowserslist
to an object whose key is the corresponding build target.
For example to set different ranges for web
and node
: