11import { Tab , Tabs } from ' @theme' ;
2- import { CodeBlock } from ' @theme' ;
2+ import { CodeBlockRuntime } from ' @theme' ;
33import RspackCJSTemplate from ' ../../../../../templates/rspack.config.cjs?raw' ;
44import RspackESMTemplate from ' ../../../../../templates/rspack.config.mjs?raw' ;
55import WebpackCJSTemplate from ' ../../../../../templates/webpack.config.cjs?raw' ;
@@ -36,24 +36,16 @@ These templates provide sensible defaults and common configurations for both Rsp
3636
3737<Tabs >
3838 <Tab label = " Rspack ESM" >
39- <CodeBlock language = " js" title = " rspack.config.mjs" >
40- { RspackESMTemplate }
41- </CodeBlock >
39+ <CodeBlockRuntime lang = " js" title = " rspack.config.mjs" code = { RspackESMTemplate } />
4240 </Tab >
4341 <Tab label = " Rspack CJS" >
44- <CodeBlock language = " js" title = " rspack.config.cjs" >
45- { RspackCJSTemplate }
46- </CodeBlock >
42+ <CodeBlockRuntime lang = " js" title = " rspack.config.cjs" code = { RspackCJSTemplate } />
4743 </Tab >
4844 <Tab label = " webpack ESM" >
49- <CodeBlock language = " js" title = " webpack.config.mjs" >
50- { WebpackESMTemplate }
51- </CodeBlock >
45+ <CodeBlockRuntime lang = " js" title = " webpack.config.mjs" code = { WebpackESMTemplate } />
5246 </Tab >
5347 <Tab label = " webpack CJS" >
54- <CodeBlock language = " js" title = " webpack.config.cjs" >
55- { WebpackCJSTemplate }
56- </CodeBlock >
48+ <CodeBlockRuntime lang = " js" title = " webpack.config.cjs" code = { WebpackCJSTemplate } />
5749 </Tab >
5850</Tabs >
5951
@@ -240,7 +232,7 @@ These are the base defaults that Re.Pack provides regardless of the command bein
240232
241233<Tabs >
242234 <Tab label = " Rspack" >
243- <CodeBlock language = " js" > { ` {
235+ <CodeBlockRuntime lang = " js" code = { ` {
244236 devtool: "source-map",
245237 experiments: {
246238 parallelLoader: true,
@@ -256,10 +248,10 @@ These are the base defaults that Re.Pack provides regardless of the command bein
256248 optimization: {
257249 chunkIds: "named",
258250 },
259- } ` } </ CodeBlock >
251+ } ` } / >
260252 </Tab >
261253 <Tab label = " webpack" >
262- <CodeBlock language = " js" > { ` {
254+ <CodeBlockRuntime lang = " js" code = { ` {
263255 devtool: "source-map",
264256 output: {
265257 clean: true,
@@ -272,7 +264,7 @@ These are the base defaults that Re.Pack provides regardless of the command bein
272264 optimization: {
273265 chunkIds: "named",
274266 },
275- } ` } </ CodeBlock >
267+ } ` } / >
276268 </Tab >
277269</Tabs >
278270
0 commit comments