web-react

基于 react@^19.2.8+ typescript@^5.9.3 + vite@^8.2.1 + sass/less 开发的模板项目

References

• React 文档
• Ant Design 5
• React Router 7
• Zustand

Features

• 支持设置打包构建时是否启用 gzip 压缩或 brotli 压缩
• 支持配置是否允许指定 modules 在生产环境中使用 CDN 引入
• 开箱即用，不墨迹

Project Setup

pnpm install

Compile and Hot-Reload for Development

pnpm dev

Format Files

pnpm format

Clean, Compile, Minify and Generate Runtime Config for Production

pnpm build

Preview on Local Host

pnpm preview

Dependency Analysis

pnpm analyze

Lint with ESLint

pnpm lint

Type Check

pnpm type-check

Run Unit Tests with Vitest

pnpm test

Use pnpm test:watch for watch mode. Test files live in tests/**/*.spec.ts.

Run All Checks

Lint, format and type checks in one pass:

pnpm check