35、独立 Web 应用开发实战：装饰器、功能完善与部署指南

独立 Web 应用开发实战：装饰器、功能完善与部署指南

1. 使用装饰器

装饰器是一种注解，可用于修改类、方法、属性和参数。在 JavaScript 中，装饰器是对 JavaScript 规范的一个提议性补充，虽然在 Angular 开发中较为常用，但在其他场景使用时，需要通过编译器配置来启用。

1.1 启用装饰器

要在项目中启用装饰器，需要在 tsconfig.json 文件中进行配置，示例如下：

{
    "compilerOptions": {
        "target": "es2020",
        "outDir": "./dist",
        "rootDir": "./src",
        "jsx": "react",
        "jsxFactory": "createElement",
        "moduleResolution": "node",
        "experimentalDecorators": true
    }
}

1.2 创建简单装饰器

在 src 文件夹下创建 decorators.ts 文件，并添加以下代码：

export const minimumValue = (propName: string, min: number) =>
    (construct