@rolldown/plugin-babel

@rolldown/plugin-babel

Rolldown plugin for transforming code with Babel.

Install

npm install @rolldown/plugin-babel @babel/core

Usage

import babelPlugin from '@rolldown/plugin-babel'

export default {
  plugins: [
    babelPlugin({
      presets: [['@babel/preset-env', { targets: { chrome: '100' } }]],
    }),
  ],
}

The plugin automatically configures Babel's parser for .jsx, .ts, and .tsx files.

Note: This plugin does not load Babel configuration files (e.g., babel.config.js, .babelrc). All Babel options must be passed directly through the plugin options.

Options

include

• Type: string | RegExp | (string | RegExp)[]

If specified, only files matching the pattern will be processed.

exclude

• Type: string | RegExp | (string | RegExp)[]
• Default: /[\/\\]node_modules[\/\\]/

Files matching the pattern will be skipped.

sourceMap

• Type: boolean
• Default: true

Set to false to skip source map generation for better performance.

presets

• Type: (babel.PresetItem | RolldownBabelPreset)[]

List of Babel presets to apply. Supports both standard Babel presets and Rolldown-enhanced presets with per-file filtering (see Rolldown Babel Presets).

plugins

• Type: babel.PluginItem[]

List of Babel plugins to apply.

overrides

• Type: InnerTransformOptions[]

Array of additional configurations that are merged into the current configuration. Use with Babel's test/include/exclude options to conditionally apply overrides.

Other Babel options

The following Babel options are forwarded directly:

assumptions, auxiliaryCommentAfter, auxiliaryCommentBefore, comments, compact, cwd, generatorOpts, parserOpts, retainLines, shouldPrintComment, targets, wrapPluginVisitorMethod

Rolldown Babel Presets

Standard Babel presets are applied to every file. When a preset should only apply to certain files, wrap it in a RolldownBabelPreset with a filter. Use the defineRolldownBabelPreset helper for type checking:

import babelPlugin, { defineRolldownBabelPreset } from '@rolldown/plugin-babel'

const myReactPreset = defineRolldownBabelPreset({
  preset: ['@babel/preset-react'],
  rolldown: {
    filter: {
      id: /\.tsx?$/,
      moduleType: ['tsx', 'jsx'],
      code: /from ['"]react['"]/,
    },
  },
})

export default {
  plugins: [
    babelPlugin({
      presets: [myReactPreset],
    }),
  ],
}

Filter dimensions

All filter dimensions are optional. When multiple dimensions are specified, all must match for the preset to apply.

id

Match files by path. Accepts a string glob, RegExp, array, or { include, exclude } object.

{ id: /\.tsx$/ }
{ id: '**/*.tsx' }
{ id: [/\.tsx$/, /\.jsx$/] }
{ id: { include: [/\.tsx$/], exclude: [/test\.tsx$/] } }

moduleType

Match by Rolldown module type. Accepts a string array or { include } object.

{
  moduleType: ['tsx', 'jsx']
}
{
  moduleType: {
    include: ['tsx']
  }
}

code

Match by file content. Accepts a RegExp, array, or { include, exclude } object.

{ code: /import React/ }
{ code: { include: [/import React/], exclude: [/\/\/ @no-transform/] } }

configResolvedHook

When used with Vite, a preset can define a configResolvedHook callback to conditionally enable or disable itself based on the resolved Vite config. The callback receives the ResolvedConfig and should return false to remove the preset.

defineRolldownBabelPreset({
  preset: ['@babel/preset-react'],
  rolldown: {
    filter: { id: /\.[jt]sx$/ },
    configResolvedHook(config) {
      // Only apply during production builds
      return config.command === 'build'
    },
  },
})

When running without Vite (pure Rolldown), configResolvedHook is ignored.

applyToEnvironmentHook

When used with Vite, a preset can define an applyToEnvironmentHook callback to conditionally enable or disable itself based on the Vite environment. The callback receives the PartialEnvironment and should return false to remove the preset for that environment.

defineRolldownBabelPreset({
  preset: ['@babel/preset-react'],
  rolldown: {
    filter: { id: /\.[jt]sx$/ },
    applyToEnvironmentHook(environment) {
      // Only apply in the client environment
      return environment.name === 'client'
    },
  },
})

When running without Vite (pure Rolldown), applyToEnvironmentHook is ignored.

How preset filters work

Preset filters operate at two levels:

• Per-file filtering — When Rolldown calls the transform hook, each preset's filter is checked against the current file. Presets whose filter doesn't match are skipped for that file.

• Transform hook pre-filtering — The plugin computes a union of all preset filters to tell Rolldown which files to send to the transform hook in the first place. This avoids calling into the plugin for files that no preset would match.

You can mix standard Babel presets and Rolldown presets freely:

babelPlugin({
  presets: [
    '@babel/preset-env', // applied to all files
    {
      preset: ['@babel/preset-react'],
      rolldown: { filter: { id: /\.[jt]sx$/ } },
    },
  ],
})

License

MIT