rolldown · sapphi-red · Apr 8, 2026 · Apr 8, 2026 · Apr 8, 2026 · Apr 8, 2026
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -21,6 +21,8 @@ body:
             [plugin-jsx-remove-attributes](https://github.com/rolldown/plugins/tree/main/packages/jsx-remove-attributes)
         - label: |-
             [plugin-styled-jsx](https://github.com/rolldown/plugins/tree/main/packages/styled-jsx)
+        - label: |-
+            [plugin-transform-imports](https://github.com/rolldown/plugins/tree/main/packages/transform-imports)
   - type: textarea
     id: bug-description
     attributes:

diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml
@@ -21,6 +21,8 @@ body:
             [plugin-jsx-remove-attributes](https://github.com/rolldown/plugins/tree/main/packages/jsx-remove-attributes)
         - label: |-
             [plugin-styled-jsx](https://github.com/rolldown/plugins/tree/main/packages/styled-jsx)
+        - label: |-
+            [plugin-transform-imports](https://github.com/rolldown/plugins/tree/main/packages/transform-imports)
   - type: textarea
     id: feature-description
     attributes:

diff --git a/.github/labeler.yml b/.github/labeler.yml
@@ -6,3 +6,5 @@
   - '/- \[x\] \[plugin-jsx-remove-attributes\]/i'
 'plugin: styled-jsx':
   - '/- \[x\] \[plugin-styled-jsx\]/i'
+'plugin: transform-imports':
+  - '/- \[x\] \[plugin-transform-imports\]/i'
diff --git a/.github/pr-labeler.yml b/.github/pr-labeler.yml
@@ -14,6 +14,10 @@
   - changed-files:
       - any-glob-to-any-file: 'packages/styled-jsx/**'
 
+'plugin: transform-imports':
+  - changed-files:
+      - any-glob-to-any-file: 'packages/transform-imports/**'
+
 'package: oxc-unshadowed-visitor':
   - changed-files:
       - any-glob-to-any-file: 'packages/oxc-unshadowed-visitor/**'
diff --git a/README.md b/README.md
@@ -25,6 +25,7 @@ Official Rolldown plugins
 - [`@rolldown/plugin-emotion`](https://github.com/rolldown/plugins/tree/main/packages/emotion) ([![NPM version][badge-npm-version-emotion]][url-npm-emotion]): minification and optimization of Emotion styles
 - [`@rolldown/plugin-jsx-remove-attributes`](https://github.com/rolldown/plugins/tree/main/packages/jsx-remove-attributes) ([![NPM version][badge-npm-version-jsx-remove-attributes]][url-npm-jsx-remove-attributes]): remove JSX attributes (e.g. data-testid)
 - [`@rolldown/plugin-styled-jsx`](https://github.com/rolldown/plugins/tree/main/packages/styled-jsx) ([![NPM version][badge-npm-version-styled-jsx]][url-npm-styled-jsx]): Rolldown plugin for styled-jsx CSS scoping
+- [`@rolldown/plugin-transform-imports`](https://github.com/rolldown/plugins/tree/main/packages/transform-imports) ([![NPM version][badge-npm-version-transform-imports]][url-npm-transform-imports]): transform imports/exports to barrel files
 
 ### Other Packages
 
@@ -38,9 +39,11 @@ Official Rolldown plugins
 [badge-npm-version-emotion]: https://img.shields.io/npm/v/@rolldown/plugin-emotion?color=brightgreen
 [badge-npm-version-jsx-remove-attributes]: https://img.shields.io/npm/v/@rolldown/plugin-jsx-remove-attributes?color=brightgreen
 [badge-npm-version-styled-jsx]: https://img.shields.io/npm/v/@rolldown/plugin-styled-jsx?color=brightgreen
+[badge-npm-version-transform-imports]: https://img.shields.io/npm/v/@rolldown/plugin-transform-imports?color=brightgreen
 [badge-npm-version-oxc-unshadowed-visitor]: https://img.shields.io/npm/v/oxc-unshadowed-visitor?color=brightgreen
 [url-npm-babel]: https://npmx.dev/package/@rolldown/plugin-babel
 [url-npm-emotion]: https://npmx.dev/package/@rolldown/plugin-emotion
 [url-npm-jsx-remove-attributes]: https://npmx.dev/package/@rolldown/plugin-jsx-remove-attributes
 [url-npm-styled-jsx]: https://npmx.dev/package/@rolldown/plugin-styled-jsx
+[url-npm-transform-imports]: https://npmx.dev/package/@rolldown/plugin-transform-imports
 [url-npm-oxc-unshadowed-visitor]: https://npmx.dev/package/oxc-unshadowed-visitor
diff --git a/examples/transform-imports/index.html b/examples/transform-imports/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Transform Imports Example</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/transform-imports/package.json b/examples/transform-imports/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@rolldown/example-transform-imports",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "@rolldown/plugin-transform-imports": "workspace:*",
+    "vite": "^8.0.7"
+  }
+}
diff --git a/examples/transform-imports/src/main.ts b/examples/transform-imports/src/main.ts
@@ -0,0 +1,19 @@
+// @ts-expect-error not typed
+import { Button, Card, Modal } from 'mock-lib'
+
+const app = document.getElementById('app')!
+
+const heading = document.createElement('h1')
+heading.textContent = 'Transform Imports Example'
+heading.className = 'app-title'
+app.appendChild(heading)
+
+const description = document.createElement('p')
+description.textContent =
+  'These components are imported via barrel import, transformed to individual imports by the plugin.'
+description.className = 'app-description'
+app.appendChild(description)
+
+app.appendChild(Button())
+app.appendChild(Card())
+app.appendChild(Modal())
diff --git a/examples/transform-imports/src/mock-lib/button.ts b/examples/transform-imports/src/mock-lib/button.ts
@@ -0,0 +1,6 @@
+export default function Button() {
+  const el = document.createElement('button')
+  el.textContent = 'Button'
+  el.className = 'mock-button'
+  return el
+}
diff --git a/examples/transform-imports/src/mock-lib/card.ts b/examples/transform-imports/src/mock-lib/card.ts
@@ -0,0 +1,6 @@
+export default function Card() {
+  const el = document.createElement('div')
+  el.textContent = 'Card'
+  el.className = 'mock-card'
+  return el
+}
diff --git a/examples/transform-imports/src/mock-lib/index.ts b/examples/transform-imports/src/mock-lib/index.ts
@@ -0,0 +1,5 @@
+export { default as Button } from './button.js'
+export { default as Input } from './input.js'
+export { default as Select } from './select.js'
+export { default as Modal } from './modal.js'
+export { default as Card } from './card.js'
diff --git a/examples/transform-imports/src/mock-lib/input.ts b/examples/transform-imports/src/mock-lib/input.ts
@@ -0,0 +1,6 @@
+export default function Input() {
+  const el = document.createElement('input')
+  el.placeholder = 'Input'
+  el.className = 'mock-input'
+  return el
+}
diff --git a/examples/transform-imports/src/mock-lib/modal.ts b/examples/transform-imports/src/mock-lib/modal.ts
@@ -0,0 +1,6 @@
+export default function Modal() {
+  const el = document.createElement('div')
+  el.textContent = 'Modal'
+  el.className = 'mock-modal'
+  return el
+}
diff --git a/examples/transform-imports/src/mock-lib/select.ts b/examples/transform-imports/src/mock-lib/select.ts
@@ -0,0 +1,8 @@
+export default function Select() {
+  const el = document.createElement('select')
+  el.className = 'mock-select'
+  const option = document.createElement('option')
+  option.textContent = 'Select'
+  el.appendChild(option)
+  return el
+}
diff --git a/examples/transform-imports/transform-imports.test.ts b/examples/transform-imports/transform-imports.test.ts
@@ -0,0 +1,20 @@
+import { expect, test } from 'vitest'
+import { page } from '~utils'
+
+test('should render button component', async () => {
+  const el = page.locator('.mock-button')
+  const text = await el.textContent()
+  expect(text).toBe('Button')
+})
+
+test('should render card component', async () => {
+  const el = page.locator('.mock-card')
+  const text = await el.textContent()
+  expect(text).toBe('Card')
+})
+
+test('should render modal component', async () => {
+  const el = page.locator('.mock-modal')
+  const text = await el.textContent()
+  expect(text).toBe('Modal')
+})
diff --git a/examples/transform-imports/vite.config.ts b/examples/transform-imports/vite.config.ts
@@ -0,0 +1,20 @@
+import { defineConfig } from 'vite'
+import transformImports from '@rolldown/plugin-transform-imports'
+import path from 'node:path'
+
+export default defineConfig({
+  plugins: [
+    transformImports({
+      modules: {
+        'mock-lib': {
+          transform: 'mock-lib/{{kebabCase member}}',
+        },
+      },
+    }),
+  ],
+  resolve: {
+    alias: {
+      'mock-lib': path.resolve(import.meta.dirname, './src/mock-lib'),
+    },
+  },
+})
diff --git a/internal-packages/swc-output-gen/package.json b/internal-packages/swc-output-gen/package.json
@@ -13,6 +13,7 @@
     "@swc/plugin-emotion": "^14.8.0",
     "@swc/plugin-react-remove-properties": "^12.8.0",
     "@swc/plugin-styled-jsx": "^13.8.0",
+    "@swc/plugin-transform-imports": "^12.8.0",
     "rolldown": "^1.0.0-rc.13",
     "tinyglobby": "^0.2.15"
   }

diff --git a/internal-packages/swc-output-gen/src/plugin-registry.ts b/internal-packages/swc-output-gen/src/plugin-registry.ts
@@ -46,6 +46,17 @@ export const pluginRegistry: Record<string, PluginConfig> = {
       return [['@swc/plugin-styled-jsx', swcConfig]]
     },
   },
+  'transform-imports': {
+    packages: ['@swc/plugin-transform-imports'],
+    mapOptions: (config) => [['@swc/plugin-transform-imports', config]],
+    shouldSkip: (config) => {
+      // SWC plugin only supports camelCase and kebabCase helpers
+      // Our ported plugin also supports snakeCase, lowerCase, upperCase
+      const unsupportedHelpers = ['snakeCase', 'lowerCase', 'upperCase']
+      const configStr = JSON.stringify(config)
+      return unsupportedHelpers.some((helper) => configStr.includes(helper))
+    },
+  },
 }
 
 /** Get list of all supported plugin names */

diff --git a/packages/transform-imports/CHANGELOG.md b/packages/transform-imports/CHANGELOG.md