create-rsbuild 2.0.4 → 2.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (127) hide show
  1. package/package.json +5 -5
  2. package/template-common/AGENTS.md +14 -0
  3. package/template-common/README.md +36 -0
  4. package/template-common/gitignore +16 -0
  5. package/template-common/public/favicon.png +0 -0
  6. package/template-lit-js/package.json +17 -0
  7. package/template-lit-js/rsbuild.config.js +14 -0
  8. package/template-lit-js/src/index.css +6 -0
  9. package/template-lit-js/src/index.html +7 -0
  10. package/template-lit-js/src/index.js +4 -0
  11. package/template-lit-js/src/my-element.js +34 -0
  12. package/template-lit-ts/package.json +18 -0
  13. package/template-lit-ts/rsbuild.config.ts +13 -0
  14. package/template-lit-ts/src/env.d.ts +1 -0
  15. package/template-lit-ts/src/index.css +6 -0
  16. package/template-lit-ts/src/index.html +7 -0
  17. package/template-lit-ts/src/index.ts +4 -0
  18. package/template-lit-ts/src/my-element.ts +34 -0
  19. package/template-lit-ts/tsconfig.json +22 -0
  20. package/template-preact-js/package.json +18 -0
  21. package/template-preact-js/rsbuild.config.js +8 -0
  22. package/template-preact-js/src/App.css +26 -0
  23. package/template-preact-js/src/App.jsx +12 -0
  24. package/template-preact-js/src/index.jsx +4 -0
  25. package/template-preact-ts/package.json +19 -0
  26. package/template-preact-ts/rsbuild.config.ts +7 -0
  27. package/template-preact-ts/src/App.css +26 -0
  28. package/template-preact-ts/src/App.tsx +12 -0
  29. package/template-preact-ts/src/env.d.ts +1 -0
  30. package/template-preact-ts/src/index.tsx +7 -0
  31. package/template-preact-ts/tsconfig.json +27 -0
  32. package/template-react-compiler/react-js/package.json +6 -0
  33. package/template-react-compiler/react-js/rsbuild.config.js +18 -0
  34. package/template-react-compiler/react-ts/package.json +6 -0
  35. package/template-react-compiler/react-ts/rsbuild.config.ts +17 -0
  36. package/template-react-js/package.json +19 -0
  37. package/template-react-js/rsbuild.config.js +8 -0
  38. package/template-react-js/src/App.css +26 -0
  39. package/template-react-js/src/App.jsx +12 -0
  40. package/template-react-js/src/index.jsx +10 -0
  41. package/template-react-ts/package.json +22 -0
  42. package/template-react-ts/rsbuild.config.ts +7 -0
  43. package/template-react-ts/src/App.css +26 -0
  44. package/template-react-ts/src/App.tsx +12 -0
  45. package/template-react-ts/src/env.d.ts +11 -0
  46. package/template-react-ts/src/index.tsx +13 -0
  47. package/template-react-ts/tsconfig.json +22 -0
  48. package/template-rstest/AGENTS.md +10 -0
  49. package/template-rstest/react-js/package.json +14 -0
  50. package/template-rstest/react-js/rstest.config.js +8 -0
  51. package/template-rstest/react-js/tests/index.test.jsx +9 -0
  52. package/template-rstest/react-js/tests/rstest.setup.js +4 -0
  53. package/template-rstest/react-ts/package.json +14 -0
  54. package/template-rstest/react-ts/rstest.config.ts +8 -0
  55. package/template-rstest/react-ts/tests/index.test.tsx +9 -0
  56. package/template-rstest/react-ts/tests/rstest.setup.ts +4 -0
  57. package/template-rstest/react-ts/tests/tsconfig.json +7 -0
  58. package/template-rstest/vanilla-js/package.json +13 -0
  59. package/template-rstest/vanilla-js/rstest.config.js +8 -0
  60. package/template-rstest/vanilla-js/tests/dom.test.js +12 -0
  61. package/template-rstest/vanilla-js/tests/rstest.setup.js +4 -0
  62. package/template-rstest/vanilla-ts/package.json +13 -0
  63. package/template-rstest/vanilla-ts/rstest.config.ts +8 -0
  64. package/template-rstest/vanilla-ts/tests/dom.test.ts +12 -0
  65. package/template-rstest/vanilla-ts/tests/rstest.setup.ts +4 -0
  66. package/template-rstest/vanilla-ts/tests/tsconfig.json +7 -0
  67. package/template-rstest/vue-js/package.json +14 -0
  68. package/template-rstest/vue-js/rstest.config.js +8 -0
  69. package/template-rstest/vue-js/tests/index.test.js +9 -0
  70. package/template-rstest/vue-js/tests/rstest.setup.js +4 -0
  71. package/template-rstest/vue-ts/package.json +14 -0
  72. package/template-rstest/vue-ts/rstest.config.ts +8 -0
  73. package/template-rstest/vue-ts/tests/index.test.ts +9 -0
  74. package/template-rstest/vue-ts/tests/rstest.setup.ts +4 -0
  75. package/template-rstest/vue-ts/tests/tsconfig.json +7 -0
  76. package/template-solid-js/package.json +19 -0
  77. package/template-solid-js/rsbuild.config.js +14 -0
  78. package/template-solid-js/src/App.css +26 -0
  79. package/template-solid-js/src/App.jsx +12 -0
  80. package/template-solid-js/src/index.jsx +4 -0
  81. package/template-solid-ts/package.json +20 -0
  82. package/template-solid-ts/rsbuild.config.ts +13 -0
  83. package/template-solid-ts/src/App.css +26 -0
  84. package/template-solid-ts/src/App.tsx +12 -0
  85. package/template-solid-ts/src/env.d.ts +1 -0
  86. package/template-solid-ts/src/index.tsx +7 -0
  87. package/template-solid-ts/tsconfig.json +23 -0
  88. package/template-svelte-js/.browserslistrc +4 -0
  89. package/template-svelte-js/package.json +18 -0
  90. package/template-svelte-js/rsbuild.config.js +8 -0
  91. package/template-svelte-js/src/App.svelte +28 -0
  92. package/template-svelte-js/src/index.css +6 -0
  93. package/template-svelte-js/src/index.js +12 -0
  94. package/template-svelte-ts/.browserslistrc +4 -0
  95. package/template-svelte-ts/package.json +21 -0
  96. package/template-svelte-ts/rsbuild.config.ts +7 -0
  97. package/template-svelte-ts/src/App.svelte +37 -0
  98. package/template-svelte-ts/src/env.d.ts +2 -0
  99. package/template-svelte-ts/src/index.css +6 -0
  100. package/template-svelte-ts/src/index.ts +13 -0
  101. package/template-svelte-ts/tsconfig.json +21 -0
  102. package/template-tailwindcss/package.json +6 -0
  103. package/template-tailwindcss/postcss.config.mjs +5 -0
  104. package/template-vanilla-js/package.json +14 -0
  105. package/template-vanilla-js/rsbuild.config.js +5 -0
  106. package/template-vanilla-js/src/index.css +26 -0
  107. package/template-vanilla-js/src/index.js +8 -0
  108. package/template-vanilla-ts/package.json +15 -0
  109. package/template-vanilla-ts/rsbuild.config.ts +4 -0
  110. package/template-vanilla-ts/src/env.d.ts +1 -0
  111. package/template-vanilla-ts/src/index.css +26 -0
  112. package/template-vanilla-ts/src/index.ts +11 -0
  113. package/template-vanilla-ts/tsconfig.json +21 -0
  114. package/template-vue-js/.vscode/extensions.json +3 -0
  115. package/template-vue-js/package.json +18 -0
  116. package/template-vue-js/rsbuild.config.js +8 -0
  117. package/template-vue-js/src/App.vue +28 -0
  118. package/template-vue-js/src/index.css +6 -0
  119. package/template-vue-js/src/index.js +5 -0
  120. package/template-vue-ts/.vscode/extensions.json +3 -0
  121. package/template-vue-ts/package.json +19 -0
  122. package/template-vue-ts/rsbuild.config.ts +7 -0
  123. package/template-vue-ts/src/App.vue +28 -0
  124. package/template-vue-ts/src/env.d.ts +8 -0
  125. package/template-vue-ts/src/index.css +6 -0
  126. package/template-vue-ts/src/index.ts +5 -0
  127. package/template-vue-ts/tsconfig.json +23 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-rsbuild",
3
- "version": "2.0.4",
3
+ "version": "2.0.5",
4
4
  "description": "Create a new Rsbuild project",
5
5
  "homepage": "https://rsbuild.rs",
6
6
  "repository": {
@@ -28,13 +28,13 @@
28
28
  "@rslib/core": "0.21.3",
29
29
  "@types/node": "^24.12.2",
30
30
  "typescript": "^6.0.3",
31
+ "@rsbuild/core": "2.0.5",
31
32
  "@rsbuild/plugin-babel": "1.1.2",
32
- "@rsbuild/plugin-react": "2.0.0",
33
- "@rsbuild/core": "2.0.4",
34
- "@rsbuild/plugin-solid": "1.2.0",
35
33
  "@rsbuild/plugin-preact": "1.7.2",
36
34
  "@rsbuild/plugin-svelte": "1.1.1",
37
- "@rsbuild/plugin-vue": "1.2.7"
35
+ "@rsbuild/plugin-vue": "1.2.7",
36
+ "@rsbuild/plugin-solid": "1.2.0",
37
+ "@rsbuild/plugin-react": "2.0.0"
38
38
  },
39
39
  "engines": {
40
40
  "node": "^20.19.0 || >=22.12.0"
package/template-common/AGENTS.md ADDED
@@ -0,0 +1,14 @@
1
+ # AGENTS.md
2
+
3
+ You are an expert in JavaScript, Rsbuild, and web application development. You write maintainable, performant, and accessible code.
4
+
5
+ ## Commands
6
+
7
+ - `{{ packageManager }} run dev` - Start the dev server
8
+ - `{{ packageManager }} run build` - Build the app for production
9
+ - `{{ packageManager }} run preview` - Preview the production build locally
10
+
11
+ ## Docs
12
+
13
+ - Rsbuild: https://rsbuild.rs/llms.txt
14
+ - Rspack: https://rspack.rs/llms.txt
package/template-common/README.md ADDED
@@ -0,0 +1,36 @@
1
+ # Rsbuild project
2
+
3
+ ## Setup
4
+
5
+ Install the dependencies:
6
+
7
+ ```bash
8
+ {{ packageManager }} install
9
+ ```
10
+
11
+ ## Get started
12
+
13
+ Start the dev server, and the app will be available at [http://localhost:3000](http://localhost:3000).
14
+
15
+ ```bash
16
+ {{ packageManager }} run dev
17
+ ```
18
+
19
+ Build the app for production:
20
+
21
+ ```bash
22
+ {{ packageManager }} run build
23
+ ```
24
+
25
+ Preview the production build locally:
26
+
27
+ ```bash
28
+ {{ packageManager }} run preview
29
+ ```
30
+
31
+ ## Learn more
32
+
33
+ To learn more about Rsbuild, check out the following resources:
34
+
35
+ - [Rsbuild documentation](https://rsbuild.rs) - explore Rsbuild features and APIs.
36
+ - [Rsbuild GitHub repository](https://github.com/web-infra-dev/rsbuild) - your feedback and contributions are welcome!
package/template-common/gitignore ADDED
@@ -0,0 +1,16 @@
1
+ # Local
2
+ .DS_Store
3
+ *.local
4
+ *.log*
5
+
6
+ # Dist
7
+ node_modules
8
+ dist/
9
+
10
+ # Profile
11
+ .rspack-profile-*/
12
+
13
+ # IDE
14
+ .vscode/*
15
+ !.vscode/extensions.json
16
+ .idea
package/template-lit-js/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "rsbuild-lit-js",
3
+ "version": "1.0.0",
4
+ "private": true,
5
+ "type": "module",
6
+ "scripts": {
7
+ "build": "rsbuild build",
8
+ "dev": "rsbuild --open",
9
+ "preview": "rsbuild preview"
10
+ },
11
+ "dependencies": {
12
+ "lit": "^3.3.2"
13
+ },
14
+ "devDependencies": {
15
+ "@rsbuild/core": "^2.0.3"
16
+ }
17
+ }
package/template-lit-js/rsbuild.config.js ADDED
@@ -0,0 +1,14 @@
1
+ // @ts-check
2
+ import { defineConfig } from '@rsbuild/core';
3
+
4
+ // Docs: https://rsbuild.rs/config/
5
+ export default defineConfig({
6
+ html: {
7
+ template: './src/index.html',
8
+ },
9
+ source: {
10
+ decorators: {
11
+ version: 'legacy',
12
+ },
13
+ },
14
+ });
package/template-lit-js/src/index.css ADDED
@@ -0,0 +1,6 @@
1
+ body {
2
+ margin: 0;
3
+ color: #fff;
4
+ font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
5
+ background-image: linear-gradient(to bottom, #020917, #101725);
6
+ }
package/template-lit-js/src/index.html ADDED
@@ -0,0 +1,7 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head></head>
4
+ <body>
5
+ <my-element />
6
+ </body>
7
+ </html>
package/template-lit-js/src/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import './index.css';
2
+ import { MyElement } from './my-element';
3
+
4
+ customElements.define('my-element', MyElement);
package/template-lit-js/src/my-element.js ADDED
@@ -0,0 +1,34 @@
1
+ import { html, css, LitElement } from 'lit';
2
+
3
+ export class MyElement extends LitElement {
4
+ static styles = css`
5
+ .content {
6
+ display: flex;
7
+ min-height: 100vh;
8
+ line-height: 1.1;
9
+ text-align: center;
10
+ flex-direction: column;
11
+ justify-content: center;
12
+ }
13
+
14
+ .content h1 {
15
+ font-size: 3.6rem;
16
+ font-weight: 700;
17
+ }
18
+
19
+ .content p {
20
+ font-size: 1.2rem;
21
+ font-weight: 400;
22
+ opacity: 0.5;
23
+ }
24
+ `;
25
+
26
+ render() {
27
+ return html`
28
+ <div class="content">
29
+ <h1>Rsbuild with Lit</h1>
30
+ <p>Start building amazing things with Rsbuild.</p>
31
+ </div>
32
+ `;
33
+ }
34
+ }
package/template-lit-ts/package.json ADDED
@@ -0,0 +1,18 @@
1
+ {
2
+ "name": "rsbuild-lit-ts",
3
+ "version": "1.0.0",
4
+ "private": true,
5
+ "type": "module",
6
+ "scripts": {
7
+ "build": "rsbuild build",
8
+ "dev": "rsbuild --open",
9
+ "preview": "rsbuild preview"
10
+ },
11
+ "dependencies": {
12
+ "lit": "^3.3.2"
13
+ },
14
+ "devDependencies": {
15
+ "@rsbuild/core": "^2.0.3",
16
+ "typescript": "^6.0.3"
17
+ }
18
+ }
package/template-lit-ts/rsbuild.config.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { defineConfig } from '@rsbuild/core';
2
+
3
+ // Docs: https://rsbuild.rs/config/
4
+ export default defineConfig({
5
+ html: {
6
+ template: './src/index.html',
7
+ },
8
+ source: {
9
+ decorators: {
10
+ version: 'legacy',
11
+ },
12
+ },
13
+ });
package/template-lit-ts/src/env.d.ts ADDED
@@ -0,0 +1 @@
1
+ /// <reference types="@rsbuild/core/types" />
package/template-lit-ts/src/index.css ADDED
@@ -0,0 +1,6 @@
1
+ body {
2
+ margin: 0;
3
+ color: #fff;
4
+ font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
5
+ background-image: linear-gradient(to bottom, #020917, #101725);
6
+ }
package/template-lit-ts/src/index.html ADDED
@@ -0,0 +1,7 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head></head>
4
+ <body>
5
+ <my-element />
6
+ </body>
7
+ </html>
package/template-lit-ts/src/index.ts ADDED
@@ -0,0 +1,4 @@
1
+ import './index.css';
2
+ import { MyElement } from './my-element';
3
+
4
+ customElements.define('my-element', MyElement);
package/template-lit-ts/src/my-element.ts ADDED
@@ -0,0 +1,34 @@
1
+ import { html, css, LitElement } from 'lit';
2
+
3
+ export class MyElement extends LitElement {
4
+ static styles = css`
5
+ .content {
6
+ display: flex;
7
+ min-height: 100vh;
8
+ line-height: 1.1;
9
+ text-align: center;
10
+ flex-direction: column;
11
+ justify-content: center;
12
+ }
13
+
14
+ .content h1 {
15
+ font-size: 3.6rem;
16
+ font-weight: 700;
17
+ }
18
+
19
+ .content p {
20
+ font-size: 1.2rem;
21
+ font-weight: 400;
22
+ opacity: 0.5;
23
+ }
24
+ `;
25
+
26
+ render() {
27
+ return html`
28
+ <div class="content">
29
+ <h1>Rsbuild with Lit</h1>
30
+ <p>Start building amazing things with Rsbuild.</p>
31
+ </div>
32
+ `;
33
+ }
34
+ }
package/template-lit-ts/tsconfig.json ADDED
@@ -0,0 +1,22 @@
1
+ {
2
+ "compilerOptions": {
3
+ "lib": ["DOM", "ES2020"],
4
+ "target": "ES2020",
5
+ "noEmit": true,
6
+ "skipLibCheck": true,
7
+ "experimentalDecorators": true,
8
+ "useDefineForClassFields": false,
9
+
10
+ /* modules */
11
+ "moduleDetection": "force",
12
+ "moduleResolution": "bundler",
13
+ "verbatimModuleSyntax": true,
14
+ "resolveJsonModule": true,
15
+ "allowImportingTsExtensions": true,
16
+
17
+ /* type checking */
18
+ "noUnusedLocals": true,
19
+ "noUnusedParameters": true
20
+ },
21
+ "include": ["src"]
22
+ }
package/template-preact-js/package.json ADDED
@@ -0,0 +1,18 @@
1
+ {
2
+ "name": "rsbuild-preact-js",
3
+ "version": "1.0.0",
4
+ "private": true,
5
+ "type": "module",
6
+ "scripts": {
7
+ "build": "rsbuild build",
8
+ "dev": "rsbuild --open",
9
+ "preview": "rsbuild preview"
10
+ },
11
+ "dependencies": {
12
+ "preact": "^10.29.1"
13
+ },
14
+ "devDependencies": {
15
+ "@rsbuild/core": "^2.0.3",
16
+ "@rsbuild/plugin-preact": "^1.7.2"
17
+ }
18
+ }
package/template-preact-js/rsbuild.config.js ADDED
@@ -0,0 +1,8 @@
1
+ // @ts-check
2
+ import { defineConfig } from '@rsbuild/core';
3
+ import { pluginPreact } from '@rsbuild/plugin-preact';
4
+
5
+ // Docs: https://rsbuild.rs/config/
6
+ export default defineConfig({
7
+ plugins: [pluginPreact()],
8
+ });
package/template-preact-js/src/App.css ADDED
@@ -0,0 +1,26 @@
1
+ body {
2
+ margin: 0;
3
+ color: #fff;
4
+ font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
5
+ background-image: linear-gradient(to bottom, #020917, #101725);
6
+ }
7
+
8
+ .content {
9
+ display: flex;
10
+ min-height: 100vh;
11
+ line-height: 1.1;
12
+ text-align: center;
13
+ flex-direction: column;
14
+ justify-content: center;
15
+ }
16
+
17
+ .content h1 {
18
+ font-size: 3.6rem;
19
+ font-weight: 700;
20
+ }
21
+
22
+ .content p {
23
+ font-size: 1.2rem;
24
+ font-weight: 400;
25
+ opacity: 0.5;
26
+ }
package/template-preact-js/src/App.jsx ADDED
@@ -0,0 +1,12 @@
1
+ import './App.css';
2
+
3
+ const App = () => {
4
+ return (
5
+ <div className="content">
6
+ <h1>Rsbuild with Preact</h1>
7
+ <p>Start building amazing things with Rsbuild.</p>
8
+ </div>
9
+ );
10
+ };
11
+
12
+ export default App;
package/template-preact-js/src/index.jsx ADDED
@@ -0,0 +1,4 @@
1
+ import { render } from 'preact';
2
+ import App from './App';
3
+
4
+ render(<App />, document.getElementById('root'));
package/template-preact-ts/package.json ADDED
@@ -0,0 +1,19 @@
1
+ {
2
+ "name": "rsbuild-preact-ts",
3
+ "version": "1.0.0",
4
+ "private": true,
5
+ "type": "module",
6
+ "scripts": {
7
+ "build": "rsbuild build",
8
+ "dev": "rsbuild --open",
9
+ "preview": "rsbuild preview"
10
+ },
11
+ "dependencies": {
12
+ "preact": "^10.29.1"
13
+ },
14
+ "devDependencies": {
15
+ "@rsbuild/core": "^2.0.3",
16
+ "@rsbuild/plugin-preact": "^1.7.2",
17
+ "typescript": "^6.0.3"
18
+ }
19
+ }
package/template-preact-ts/rsbuild.config.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { defineConfig } from '@rsbuild/core';
2
+ import { pluginPreact } from '@rsbuild/plugin-preact';
3
+
4
+ // Docs: https://rsbuild.rs/config/
5
+ export default defineConfig({
6
+ plugins: [pluginPreact()],
7
+ });
package/template-preact-ts/src/App.css ADDED
@@ -0,0 +1,26 @@
1
+ body {
2
+ margin: 0;
3
+ color: #fff;
4
+ font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
5
+ background-image: linear-gradient(to bottom, #020917, #101725);
6
+ }
7
+
8
+ .content {
9
+ display: flex;
10
+ min-height: 100vh;
11
+ line-height: 1.1;
12
+ text-align: center;
13
+ flex-direction: column;
14
+ justify-content: center;
15
+ }
16
+
17
+ .content h1 {
18
+ font-size: 3.6rem;
19
+ font-weight: 700;
20
+ }
21
+
22
+ .content p {
23
+ font-size: 1.2rem;
24
+ font-weight: 400;
25
+ opacity: 0.5;
26
+ }
package/template-preact-ts/src/App.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import './App.css';
2
+
3
+ const App = () => {
4
+ return (
5
+ <div className="content">
6
+ <h1>Rsbuild with Preact</h1>
7
+ <p>Start building amazing things with Rsbuild.</p>
8
+ </div>
9
+ );
10
+ };
11
+
12
+ export default App;
package/template-preact-ts/src/env.d.ts ADDED
@@ -0,0 +1 @@
1
+ /// <reference types="@rsbuild/core/types" />
package/template-preact-ts/src/index.tsx ADDED
@@ -0,0 +1,7 @@
1
+ import { render } from 'preact';
2
+ import App from './App';
3
+
4
+ const root = document.getElementById('root');
5
+ if (root) {
6
+ render(<App />, root);
7
+ }
package/template-preact-ts/tsconfig.json ADDED
@@ -0,0 +1,27 @@
1
+ {
2
+ "compilerOptions": {
3
+ "lib": ["DOM", "ES2020"],
4
+ "jsx": "react-jsx",
5
+ "target": "ES2020",
6
+ "noEmit": true,
7
+ "skipLibCheck": true,
8
+ "jsxImportSource": "preact",
9
+ "useDefineForClassFields": true,
10
+
11
+ /* modules */
12
+ "moduleDetection": "force",
13
+ "moduleResolution": "bundler",
14
+ "verbatimModuleSyntax": true,
15
+ "resolveJsonModule": true,
16
+ "allowImportingTsExtensions": true,
17
+ "paths": {
18
+ "react": ["./node_modules/preact/compat/"],
19
+ "react-dom": ["./node_modules/preact/compat/"]
20
+ },
21
+
22
+ /* type checking */
23
+ "noUnusedLocals": true,
24
+ "noUnusedParameters": true
25
+ },
26
+ "include": ["src"]
27
+ }
package/template-react-compiler/react-js/package.json ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "devDependencies": {
3
+ "@rsbuild/plugin-babel": "^1.1.2",
4
+ "babel-plugin-react-compiler": "^1.0.0"
5
+ }
6
+ }
package/template-react-compiler/react-js/rsbuild.config.js ADDED
@@ -0,0 +1,18 @@
1
+ // @ts-check
2
+ import { defineConfig } from '@rsbuild/core';
3
+ import { pluginBabel } from '@rsbuild/plugin-babel';
4
+ import { pluginReact } from '@rsbuild/plugin-react';
5
+
6
+ // Docs: https://rsbuild.rs/config/
7
+ export default defineConfig({
8
+ plugins: [
9
+ pluginReact(),
10
+ pluginBabel({
11
+ include: /\.[jt]sx?$/,
12
+ exclude: [/[\\/]node_modules[\\/]/],
13
+ babelLoaderOptions(opts) {
14
+ opts.plugins?.unshift('babel-plugin-react-compiler');
15
+ },
16
+ }),
17
+ ],
18
+ });
package/template-react-compiler/react-ts/package.json ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "devDependencies": {
3
+ "@rsbuild/plugin-babel": "^1.1.2",
4
+ "babel-plugin-react-compiler": "^1.0.0"
5
+ }
6
+ }
package/template-react-compiler/react-ts/rsbuild.config.ts ADDED
@@ -0,0 +1,17 @@
1
+ import { defineConfig } from '@rsbuild/core';
2
+ import { pluginBabel } from '@rsbuild/plugin-babel';
3
+ import { pluginReact } from '@rsbuild/plugin-react';
4
+
5
+ // Docs: https://rsbuild.rs/config/
6
+ export default defineConfig({
7
+ plugins: [
8
+ pluginReact(),
9
+ pluginBabel({
10
+ include: /\.[jt]sx?$/,
11
+ exclude: [/[\\/]node_modules[\\/]/],
12
+ babelLoaderOptions(opts) {
13
+ opts.plugins?.unshift('babel-plugin-react-compiler');
14
+ },
15
+ }),
16
+ ],
17
+ });
package/template-react-js/package.json ADDED
@@ -0,0 +1,19 @@
1
+ {
2
+ "name": "rsbuild-react-js",
3
+ "version": "1.0.0",
4
+ "private": true,
5
+ "type": "module",
6
+ "scripts": {
7
+ "build": "rsbuild build",
8
+ "dev": "rsbuild --open",
9
+ "preview": "rsbuild preview"
10
+ },
11
+ "dependencies": {
12
+ "react": "^19.2.5",
13
+ "react-dom": "^19.2.5"
14
+ },
15
+ "devDependencies": {
16
+ "@rsbuild/core": "^2.0.3",
17
+ "@rsbuild/plugin-react": "^2.0.0"
18
+ }
19
+ }
package/template-react-js/rsbuild.config.js ADDED
@@ -0,0 +1,8 @@
1
+ // @ts-check
2
+ import { defineConfig } from '@rsbuild/core';
3
+ import { pluginReact } from '@rsbuild/plugin-react';
4
+
5
+ // Docs: https://rsbuild.rs/config/
6
+ export default defineConfig({
7
+ plugins: [pluginReact()],
8
+ });
package/template-react-js/src/App.css ADDED
@@ -0,0 +1,26 @@
1
+ body {
2
+ margin: 0;
3
+ color: #fff;
4
+ font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
5
+ background-image: linear-gradient(to bottom, #020917, #101725);
6
+ }
7
+
8
+ .content {
9
+ display: flex;
10
+ min-height: 100vh;
11
+ line-height: 1.1;
12
+ text-align: center;
13
+ flex-direction: column;
14
+ justify-content: center;
15
+ }
16
+
17
+ .content h1 {
18
+ font-size: 3.6rem;
19
+ font-weight: 700;
20
+ }
21
+
22
+ .content p {
23
+ font-size: 1.2rem;
24
+ font-weight: 400;
25
+ opacity: 0.5;
26
+ }
package/template-react-js/src/App.jsx ADDED
@@ -0,0 +1,12 @@
1
+ import './App.css';
2
+
3
+ const App = () => {
4
+ return (
5
+ <div className="content">
6
+ <h1>Rsbuild with React</h1>
7
+ <p>Start building amazing things with Rsbuild.</p>
8
+ </div>
9
+ );
10
+ };
11
+
12
+ export default App;
package/template-react-js/src/index.jsx ADDED
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import ReactDOM from 'react-dom/client';
3
+ import App from './App';
4
+
5
+ const root = ReactDOM.createRoot(document.getElementById('root'));
6
+ root.render(
7
+ <React.StrictMode>
8
+ <App />
9
+ </React.StrictMode>,
10
+ );
package/template-react-ts/package.json ADDED
@@ -0,0 +1,22 @@
1
+ {
2
+ "name": "rsbuild-react-ts",
3
+ "version": "1.0.0",
4
+ "private": true,
5
+ "type": "module",
6
+ "scripts": {
7
+ "build": "rsbuild build",
8
+ "dev": "rsbuild --open",
9
+ "preview": "rsbuild preview"
10
+ },
11
+ "dependencies": {
12
+ "react": "^19.2.5",
13
+ "react-dom": "^19.2.5"
14
+ },
15
+ "devDependencies": {
16
+ "@rsbuild/core": "^2.0.3",
17
+ "@rsbuild/plugin-react": "^2.0.0",
18
+ "@types/react": "^19.2.14",
19
+ "@types/react-dom": "^19.2.3",
20
+ "typescript": "^6.0.3"
21
+ }
22
+ }
package/template-react-ts/rsbuild.config.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { defineConfig } from '@rsbuild/core';
2
+ import { pluginReact } from '@rsbuild/plugin-react';
3
+
4
+ // Docs: https://rsbuild.rs/config/
5
+ export default defineConfig({
6
+ plugins: [pluginReact()],
7
+ });