create-rsbuild 0.0.20 → 0.0.21

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # create-rsbuild
 
+## 0.0.21
+
+### Patch Changes
+
+- a782b44: feat(create-rsbuild): add new vanilla template
+
 ## 0.0.20
 
 ## 0.0.19

package/dist/index.js

@@ -62,7 +62,8 @@ async function main() {
       { value: "react", label: "React" },
       { value: "vue3", label: "Vue 3" },
       { value: "vue2", label: "Vue 2" },
-      { value: "svelte", label: "Svelte" }
+      { value: "svelte", label: "Svelte" },
+      { value: "vanilla", label: "Vanilla" }
     ]
   });
   checkCancel(framework);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rsbuild",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "description": "Create a new Rsbuild project",
   "homepage": "https://rsbuild.dev",
   "repository": {

package/template-vanilla-js/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "rsbuild-vanilla-js",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "rsbuild dev --open",
+    "build": "rsbuild build",
+    "preview": "rsbuild preview"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "workspace:*"
+  }
+}

package/template-vanilla-js/rsbuild.config.mjs

@@ -0,0 +1,3 @@
+import { defineConfig } from '@rsbuild/core';
+
+export default defineConfig({});

package/template-vanilla-js/src/index.css

@@ -0,0 +1,26 @@
+body {
+  margin: 0;
+  color: #fff;
+  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+  background-image: linear-gradient(to bottom, #020917, #101725);
+}
+
+.content {
+  display: flex;
+  min-height: 100vh;
+  line-height: 1.1;
+  text-align: center;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.content h1 {
+  font-size: 3.6rem;
+  font-weight: 700;
+}
+
+.content p {
+  font-size: 1.2rem;
+  font-weight: 400;
+  opacity: 0.5;
+}

package/template-vanilla-js/src/index.js

@@ -0,0 +1,8 @@
+import './index.css';
+
+document.querySelector('#root').innerHTML = `
+<div class="content">
+  <h1>Rsbuild with React</h1>
+  <p>Start building amazing things with Rsbuild.</p>
+</div>
+`;

package/template-vanilla-ts/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "rsbuild-vanilla-ts",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "rsbuild dev --open",
+    "build": "rsbuild build",
+    "preview": "rsbuild preview"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "workspace:*",
+    "typescript": "^5.2.2"
+  }
+}

package/template-vanilla-ts/rsbuild.config.ts

@@ -0,0 +1,3 @@
+import { defineConfig } from '@rsbuild/core';
+
+export default defineConfig({});

package/template-vanilla-ts/src/index.css

@@ -0,0 +1,26 @@
+body {
+  margin: 0;
+  color: #fff;
+  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+  background-image: linear-gradient(to bottom, #020917, #101725);
+}
+
+.content {
+  display: flex;
+  min-height: 100vh;
+  line-height: 1.1;
+  text-align: center;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.content h1 {
+  font-size: 3.6rem;
+  font-weight: 700;
+}
+
+.content p {
+  font-size: 1.2rem;
+  font-weight: 400;
+  opacity: 0.5;
+}

package/template-vanilla-ts/src/index.ts

@@ -0,0 +1,8 @@
+import './index.css';
+
+document.querySelector('#root')!.innerHTML = `
+<div class="content">
+  <h1>Rsbuild with React</h1>
+  <p>Start building amazing things with Rsbuild.</p>
+</div>
+`;