chore: add example project for debugging (#79)

chenjiahan · web-flow · commit 25b010de17c1 · 2026-02-27T15:45:34.000+08:00
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Rspack</title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/example/package.json b/example/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "example",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "rspack dev",
+    "build": "rspack build",
+    "preview": "rspack preview"
+  },
+  "devDependencies": {
+    "@rspack/cli": "2.0.0-beta.2",
+    "@rspack/core": "2.0.0-beta.2",
+    "@rspack/dev-server": "workspace:*"
+  }
+}
diff --git a/example/rspack.config.mjs b/example/rspack.config.mjs
@@ -0,0 +1,39 @@
+// @ts-check
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
+
+export default defineConfig({
+  entry: {
+    main: './src/index.js',
+  },
+  target: ['browserslist:last 2 versions, > 0.2%, not dead, Firefox ESR'],
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        type: 'css/auto',
+      },
+      {
+        test: /\.svg$/,
+        type: 'asset',
+      },
+      {
+        test: /\.js$/,
+        use: [
+          {
+            loader: 'builtin:swc-loader',
+            /** @type {import('@rspack/core').SwcLoaderOptions} */
+            options: {
+              jsc: {
+                parser: {
+                  syntax: 'ecmascript',
+                },
+              },
+            },
+          },
+        ],
+      },
+    ],
+  },
+  plugins: [new rspack.HtmlRspackPlugin({ template: './index.html' })],
+});
diff --git a/example/src/index.css b/example/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;
+}
diff --git a/example/src/index.js b/example/src/index.js
@@ -0,0 +1,8 @@
+import './index.css';
+
+document.querySelector('#root').innerHTML = `
+<div class="content">
+  <h1>Vanilla Rspack</h1>
+  <p>Start building amazing things with Rspack.</p>
+</div>
+`;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
@@ -0,0 +1,3 @@
+packages:
+  - '.'
+  - 'example'

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+packages:`
	`2`	`+ - '.'`
	`3`	`+ - 'example'`