Skip to content

Commit 18e84a8

Browse files
committed
build(vite): configure automatic JSX runtime and externalize jsx-runtime
Add explicit jsxRuntime: 'automatic' configuration to React plugin and externalize react/jsx-runtime and react/jsx-dev-runtime in rollup options for both baukasten and web-wrapper packages.
1 parent aa71ac2 commit 18e84a8

2 files changed

Lines changed: 22 additions & 4 deletions

File tree

packages/baukasten/vite.config.ts

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,9 @@ import { resolve } from "path";
66

77
export default defineConfig({
88
plugins: [
9-
react(),
9+
react({
10+
jsxRuntime: "automatic",
11+
}),
1012
vanillaExtractPlugin(),
1113
dts({
1214
insertTypesEntry: true,
@@ -22,11 +24,18 @@ export default defineConfig({
2224
cssFileName: "baukasten-base",
2325
},
2426
rollupOptions: {
25-
external: ["react", "react-dom"],
27+
external: [
28+
"react",
29+
"react-dom",
30+
"react/jsx-runtime",
31+
"react/jsx-dev-runtime",
32+
],
2633
output: {
2734
globals: {
2835
react: "React",
2936
"react-dom": "ReactDOM",
37+
"react/jsx-runtime": "ReactJSXRuntime",
38+
"react/jsx-dev-runtime": "ReactJSXDevRuntime",
3039
},
3140
banner: '"use client";',
3241
preserveModules: false,

packages/web-wrapper/vite.config.ts

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,9 @@ import { resolve } from 'path';
55

66
export default defineConfig({
77
plugins: [
8-
react(),
8+
react({
9+
jsxRuntime: 'automatic',
10+
}),
911
dts({
1012
insertTypesEntry: true,
1113
}),
@@ -18,11 +20,18 @@ export default defineConfig({
1820
fileName: (format) => `index.${format === 'es' ? 'mjs' : 'js'}`,
1921
},
2022
rollupOptions: {
21-
external: ['react', 'react-dom'],
23+
external: [
24+
'react',
25+
'react-dom',
26+
'react/jsx-runtime',
27+
'react/jsx-dev-runtime',
28+
],
2229
output: {
2330
globals: {
2431
react: 'React',
2532
'react-dom': 'ReactDOM',
33+
'react/jsx-runtime': 'ReactJSXRuntime',
34+
'react/jsx-dev-runtime': 'ReactJSXDevRuntime',
2635
},
2736
banner: '"use client";',
2837
preserveModules: false,

0 commit comments

Comments
 (0)