wip: add example

packages/vite/misc/rolldown-runtime.js

@@ -122,9 +122,10 @@ self.__rolldown_runtime = {
     })
     this.executeModuleStack.push(id)
     factory({
-      require: this.require.bind(this),
       module,
       exports: module.exports,
+      require: this.require.bind(this),
+      ensureChunk: this.ensureChunk.bind(this),
       __toCommonJS,
       __toESM,
       __export,

playground/rolldown-dev-react/src/app.tsx

@@ -7,6 +7,7 @@ import { throwError } from './error'
 import './test-style.css'
 import testStyleInline from './test-style-inline.css?inline'
 import testStyleUrl from './test-style-url.css?url'
+import { DynamicImport } from './dynamic-import'
 
 // TODO: isolating finalizer doesn't rewrite yet
 // const testAssetTxt = new URL('./test-asset.txt', import.meta.url).href;
@@ -36,6 +37,7 @@ export function App() {
         <pre>
           [css?inline] <span className="test-style-inline">orange</span>
         </pre>
+        <DynamicImport />
       </div>
     </div>
   )

playground/rolldown-dev-react/src/dynamic-import-dep.ts

@@ -0,0 +1 @@
+export default '[ok]'

playground/rolldown-dev-react/src/dynamic-import.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+
+export function DynamicImport() {
+  const [value, setValue] = React.useState('???')
+
+  return (
+    <div className="test-dynamic-import">
+      <button
+        onClick={async () => {
+          const dep = await import('./dynamic-import-dep')
+          setValue(dep.default)
+        }}
+      >
+        dynamic-import
+      </button>{' '}
+      <span>{value}</span>
+    </div>
+  )
+}