create-rsbuild 2.0.3 → 2.0.4

package/template-svelte-js/src/App.svelte

@@ -1,28 +0,0 @@
-<main>
-  <div class="content">
-    <h1>Rsbuild with Svelte</h1>
-    <p>Start building amazing things with Rsbuild.</p>
-  </div>
-</main>
-
-<style>
-.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;
-}
-</style>

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

@@ -1,6 +0,0 @@
-body {
-  margin: 0;
-  color: #fff;
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  background-image: linear-gradient(to bottom, #020917, #101725);
-}

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

@@ -1,12 +0,0 @@
-import { mount } from 'svelte';
-import App from './App.svelte';
-import './index.css';
-
-const app = mount(App, {
-  target: document.body,
-  props: {
-    name: 'world',
-  },
-});
-
-export default app;

package/template-svelte-ts/.browserslistrc

@@ -1,4 +0,0 @@
-Chrome >= 107
-Edge >= 107
-Firefox >= 104
-Safari >= 16

package/template-svelte-ts/package.json

@@ -1,21 +0,0 @@
-{
-  "name": "rsbuild-svelte-ts",
-  "version": "1.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "rsbuild build",
-    "dev": "rsbuild --open",
-    "preview": "rsbuild preview",
-    "svelte-check": "svelte-check --tsconfig ./tsconfig.json"
-  },
-  "dependencies": {
-    "svelte": "^5.55.4"
-  },
-  "devDependencies": {
-    "@rsbuild/core": "^2.0.0",
-    "@rsbuild/plugin-svelte": "^1.1.1",
-    "svelte-check": "^4.4.6",
-    "typescript": "^6.0.3"
-  }
-}

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

@@ -1,7 +0,0 @@
-import { defineConfig } from '@rsbuild/core';
-import { pluginSvelte } from '@rsbuild/plugin-svelte';
-
-// Docs: https://rsbuild.rs/config/
-export default defineConfig({
-  plugins: [pluginSvelte()],
-});

package/template-svelte-ts/src/App.svelte

@@ -1,37 +0,0 @@
-<script lang="ts">
-  type Props = {
-    tool: string;
-    framework: string;
-  };
-
-  let { tool, framework }: Props = $props();
-</script>
-
-<main>
-  <div class="content">
-    <h1>{tool} with {framework}</h1>
-    <p>Start building amazing things with Rsbuild.</p>
-  </div>
-</main>
-
-<style>
-.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;
-}
-</style>

package/template-svelte-ts/src/env.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="@rsbuild/core/types" />
-/// <reference types="svelte" />

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

@@ -1,6 +0,0 @@
-body {
-  margin: 0;
-  color: #fff;
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  background-image: linear-gradient(to bottom, #020917, #101725);
-}

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

@@ -1,13 +0,0 @@
-import { mount } from 'svelte';
-import App from './App.svelte';
-import './index.css';
-
-const app = mount(App, {
-  target: document.body,
-  props: {
-    tool: 'Rsbuild',
-    framework: 'Svelte',
-  },
-});
-
-export default app;

package/template-svelte-ts/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": ["DOM", "ES2022"],
-    "target": "ES2022",
-    "noEmit": true,
-    "skipLibCheck": true,
-    "useDefineForClassFields": true,
-
-    /* modules */
-    "moduleDetection": "force",
-    "moduleResolution": "bundler",
-    "verbatimModuleSyntax": true,
-    "resolveJsonModule": true,
-    "allowImportingTsExtensions": true,
-
-    /* type checking */
-    "noUnusedLocals": true,
-    "noUnusedParameters": true
-  },
-  "include": ["src"]
-}

package/template-tailwindcss/package.json

@@ -1,6 +0,0 @@
-{
-  "devDependencies": {
-    "@tailwindcss/postcss": "^4.2.2",
-    "tailwindcss": "^4.2.2"
-  }
-}

package/template-tailwindcss/postcss.config.mjs

@@ -1,5 +0,0 @@
-export default {
-  plugins: {
-    '@tailwindcss/postcss': {},
-  },
-};

package/template-vanilla-js/package.json

@@ -1,14 +0,0 @@
-{
-  "name": "rsbuild-vanilla-js",
-  "version": "1.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "rsbuild build",
-    "dev": "rsbuild --open",
-    "preview": "rsbuild preview"
-  },
-  "devDependencies": {
-    "@rsbuild/core": "^2.0.0"
-  }
-}

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

@@ -1,5 +0,0 @@
-// @ts-check
-import { defineConfig } from '@rsbuild/core';
-
-// Docs: https://rsbuild.rs/config/
-export default defineConfig({});

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

@@ -1,26 +0,0 @@
-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

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

package/template-vanilla-ts/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "rsbuild-vanilla-ts",
-  "version": "1.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "rsbuild build",
-    "dev": "rsbuild --open",
-    "preview": "rsbuild preview"
-  },
-  "devDependencies": {
-    "@rsbuild/core": "^2.0.0",
-    "typescript": "^6.0.3"
-  }
-}

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

@@ -1,4 +0,0 @@
-import { defineConfig } from '@rsbuild/core';
-
-// Docs: https://rsbuild.rs/config/
-export default defineConfig({});

package/template-vanilla-ts/src/env.d.ts

@@ -1 +0,0 @@
-/// <reference types="@rsbuild/core/types" />

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

@@ -1,26 +0,0 @@
-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

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

package/template-vanilla-ts/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": ["DOM", "ES2020"],
-    "target": "ES2020",
-    "noEmit": true,
-    "skipLibCheck": true,
-    "useDefineForClassFields": true,
-
-    /* modules */
-    "moduleDetection": "force",
-    "moduleResolution": "bundler",
-    "verbatimModuleSyntax": true,
-    "resolveJsonModule": true,
-    "allowImportingTsExtensions": true,
-
-    /* type checking */
-    "noUnusedLocals": true,
-    "noUnusedParameters": true
-  },
-  "include": ["src"]
-}

package/template-vue-js/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar"]
-}

package/template-vue-js/package.json

@@ -1,18 +0,0 @@
-{
-  "name": "rsbuild-vue-js",
-  "version": "1.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "rsbuild build",
-    "dev": "rsbuild --open",
-    "preview": "rsbuild preview"
-  },
-  "dependencies": {
-    "vue": "^3.5.32"
-  },
-  "devDependencies": {
-    "@rsbuild/core": "^2.0.0",
-    "@rsbuild/plugin-vue": "^1.2.7"
-  }
-}

package/template-vue-js/rsbuild.config.js

@@ -1,8 +0,0 @@
-// @ts-check
-import { defineConfig } from '@rsbuild/core';
-import { pluginVue } from '@rsbuild/plugin-vue';
-
-// Docs: https://rsbuild.rs/config/
-export default defineConfig({
-  plugins: [pluginVue()],
-});

package/template-vue-js/src/App.vue

@@ -1,28 +0,0 @@
-<template>
-  <div class="content">
-    <h1>Rsbuild with Vue</h1>
-    <p>Start building amazing things with Rsbuild.</p>
-  </div>
-</template>
-
-<style scoped>
-.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;
-}
-</style>

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

@@ -1,6 +0,0 @@
-body {
-  margin: 0;
-  color: #fff;
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  background-image: linear-gradient(to bottom, #020917, #101725);
-}

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

@@ -1,5 +0,0 @@
-import { createApp } from 'vue';
-import App from './App.vue';
-import './index.css';
-
-createApp(App).mount('#root');

package/template-vue-ts/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar"]
-}

package/template-vue-ts/package.json

@@ -1,19 +0,0 @@
-{
-  "name": "rsbuild-vue-ts",
-  "version": "1.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "rsbuild build",
-    "dev": "rsbuild --open",
-    "preview": "rsbuild preview"
-  },
-  "dependencies": {
-    "vue": "^3.5.32"
-  },
-  "devDependencies": {
-    "@rsbuild/core": "^2.0.0",
-    "@rsbuild/plugin-vue": "^1.2.7",
-    "typescript": "^6.0.3"
-  }
-}

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

@@ -1,7 +0,0 @@
-import { defineConfig } from '@rsbuild/core';
-import { pluginVue } from '@rsbuild/plugin-vue';
-
-// Docs: https://rsbuild.rs/config/
-export default defineConfig({
-  plugins: [pluginVue()],
-});

package/template-vue-ts/src/App.vue

@@ -1,28 +0,0 @@
-<template>
-  <div class="content">
-    <h1>Rsbuild with Vue</h1>
-    <p>Start building amazing things with Rsbuild.</p>
-  </div>
-</template>
-
-<style scoped>
-.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;
-}
-</style>

package/template-vue-ts/src/env.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="@rsbuild/core/types" />
-
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue';
-
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}

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

@@ -1,6 +0,0 @@
-body {
-  margin: 0;
-  color: #fff;
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  background-image: linear-gradient(to bottom, #020917, #101725);
-}

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

@@ -1,5 +0,0 @@
-import { createApp } from 'vue';
-import App from './App.vue';
-import './index.css';
-
-createApp(App).mount('#root');

package/template-vue-ts/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": ["DOM", "ES2020"],
-    "jsx": "preserve",
-    "target": "ES2020",
-    "noEmit": true,
-    "skipLibCheck": true,
-    "jsxImportSource": "vue",
-    "useDefineForClassFields": true,
-
-    /* modules */
-    "moduleDetection": "force",
-    "moduleResolution": "bundler",
-    "verbatimModuleSyntax": true,
-    "resolveJsonModule": true,
-    "allowImportingTsExtensions": true,
-
-    /* type checking */
-    "noUnusedLocals": true,
-    "noUnusedParameters": true
-  },
-  "include": ["src"]
-}