React 脚手架工具

使用

使用npx delong-cli create project 你将拥有以下内容

依赖管理

高效管理项目所需的依赖项。

基本项目结构

创建项目的基本文件和文件夹结构。

引入 React

集成 React 库，用于构建用户界面。

引入 TypeScript

集成 TypeScript，提供静态类型检查和更好的开发工具支持。

webpack 配置

配置 webpack 构建工具。

配置环境变量

设置不同环境的配置参数。

文件别名

配置简化的模块引入路径。

重启项目时在同一个浏览器 Tab 中打开

保持在同一个浏览器 Tab 中打开项目。

基础功能配置

引入 less、sass、stylus

使用预处理器编写样式。

处理其他常用资源

处理图片、字体、媒体和 JSON 资源。

Babel 处理非标准 JavaScript 语法

使用 Babel 处理非标准 JavaScript 语法。

热更新

在开发过程中实时更新修改的代码。

webpack 构建速度优化

优化 webpack 构建的速度和性能。

webpack 构建产物优化

优化构建产物的体积和性能。

引入 Tailwind CSS

集成 Tailwind CSS 进行高效的样式设计。

代码质量和 Git 提交规范

代码格式规范和语法检测工具

使用工具保持代码风格一致性和语法正确性。

EditorConfig

配置编辑器的统一代码风格。

Prettier

格式化代码工具。

Markdownlint

检查 Markdown 文件的语法和格式。

Stylelint

检查样式文件的语法和格式。

ESLint

检查 JavaScript 代码的语法和格式。

Husky + lint-staged

在提交前进行代码检查。

Commitlint

规范 Git 提交信息的格式。

Commitizen

规范化 Git 提交流程。

Change-log

生成项目的变更日志。