From c33e50a7a4c190ef462380c63cce3281d91e99e23388e41baec482c91af98bd8 Mon Sep 17 00:00:00 2001 From: tymur999 Date: Sat, 2 Aug 2025 13:12:03 -0500 Subject: [PATCH] npm create rsbuild@latest --- .gitignore | 16 ++++++++++++++++ .prettierignore | 4 ++++ .prettierrc | 3 +++ README.md | 36 ++++++++++++++++++++++++++++++++++++ eslint.config.mjs | 10 ++++++++++ package.json | 22 ++++++++++++++++++++++ rsbuild.config.ts | 3 +++ src/env.d.ts | 1 + src/index.css | 26 ++++++++++++++++++++++++++ src/index.ts | 11 +++++++++++ tsconfig.json | 22 ++++++++++++++++++++++ 11 files changed, 154 insertions(+) create mode 100644 .gitignore create mode 100644 .prettierignore create mode 100644 .prettierrc create mode 100644 README.md create mode 100644 eslint.config.mjs create mode 100644 package.json create mode 100644 rsbuild.config.ts create mode 100644 src/env.d.ts create mode 100644 src/index.css create mode 100644 src/index.ts create mode 100644 tsconfig.json diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..2d88dd4 --- /dev/null +++ b/.gitignore @@ -0,0 +1,16 @@ +# Local +.DS_Store +*.local +*.log* + +# Dist +node_modules +dist/ + +# Profile +.rspack-profile-*/ + +# IDE +.vscode/* +!.vscode/extensions.json +.idea diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 0000000..c3e196c --- /dev/null +++ b/.prettierignore @@ -0,0 +1,4 @@ +# Lock files +package-lock.json +pnpm-lock.yaml +yarn.lock diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..28b198e --- /dev/null +++ b/.prettierrc @@ -0,0 +1,3 @@ +{ + "singleQuote": true +} diff --git a/README.md b/README.md new file mode 100644 index 0000000..af44e24 --- /dev/null +++ b/README.md @@ -0,0 +1,36 @@ +# Rsbuild project + +## Setup + +Install the dependencies: + +```bash +pnpm install +``` + +## Get started + +Start the dev server, and the app will be available at [http://localhost:3000](http://localhost:3000). + +```bash +pnpm dev +``` + +Build the app for production: + +```bash +pnpm build +``` + +Preview the production build locally: + +```bash +pnpm preview +``` + +## Learn more + +To learn more about Rsbuild, check out the following resources: + +- [Rsbuild documentation](https://rsbuild.rs) - explore Rsbuild features and APIs. +- [Rsbuild GitHub repository](https://github.com/web-infra-dev/rsbuild) - your feedback and contributions are welcome! diff --git a/eslint.config.mjs b/eslint.config.mjs new file mode 100644 index 0000000..d34e8a0 --- /dev/null +++ b/eslint.config.mjs @@ -0,0 +1,10 @@ +import js from '@eslint/js'; +import globals from 'globals'; +import ts from 'typescript-eslint'; + +export default [ + { languageOptions: { globals: globals.browser } }, + js.configs.recommended, + ...ts.configs.recommended, + { ignores: ['dist/'] }, +]; diff --git a/package.json b/package.json new file mode 100644 index 0000000..f07db51 --- /dev/null +++ b/package.json @@ -0,0 +1,22 @@ +{ + "name": ".profile", + "version": "1.0.0", + "private": true, + "type": "module", + "scripts": { + "build": "rsbuild build", + "dev": "rsbuild dev --open", + "format": "prettier --write .", + "lint": "eslint .", + "preview": "rsbuild preview" + }, + "devDependencies": { + "@eslint/js": "^9.30.0", + "@rsbuild/core": "^1.4.3", + "eslint": "^9.30.0", + "globals": "^16.2.0", + "prettier": "^3.6.2", + "typescript": "^5.8.3", + "typescript-eslint": "^8.35.1" + } +} diff --git a/rsbuild.config.ts b/rsbuild.config.ts new file mode 100644 index 0000000..4046a77 --- /dev/null +++ b/rsbuild.config.ts @@ -0,0 +1,3 @@ +import { defineConfig } from '@rsbuild/core'; + +export default defineConfig({}); diff --git a/src/env.d.ts b/src/env.d.ts new file mode 100644 index 0000000..a160870 --- /dev/null +++ b/src/env.d.ts @@ -0,0 +1 @@ +/// diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..0b27b9e --- /dev/null +++ b/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/src/index.ts b/src/index.ts new file mode 100644 index 0000000..140370b --- /dev/null +++ b/src/index.ts @@ -0,0 +1,11 @@ +import './index.css'; + +const rootEl = document.querySelector('#root'); +if (rootEl) { + rootEl.innerHTML = ` +
+

Vanilla Rsbuild

+

Start building amazing things with Rsbuild.

+
+`; +} diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..4e4db13 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,22 @@ +{ + "compilerOptions": { + "lib": ["DOM", "ES2020"], + "target": "ES2020", + "noEmit": true, + "skipLibCheck": true, + "useDefineForClassFields": true, + + /* modules */ + "module": "ESNext", + "moduleResolution": "bundler", + "verbatimModuleSyntax": true, + "resolveJsonModule": true, + "allowImportingTsExtensions": true, + + /* type checking */ + "strict": true, + "noUnusedLocals": true, + "noUnusedParameters": true + }, + "include": ["src"] +}