Skip to content

方法是利用TypeScript类型声明,并通过“模块扩展” (Module Augmentation),扩展标准 CSS 属性

  1. 创建类型声明文件,比如css.d.ts
  2. 声明自定义属性
typescript
// 引入 'csstype' 以便扩展它
import 'csstype';

declare module 'csstype' {
  // 扩展 Properties 接口,它定义了所有合法的 CSS 属性
  interface Properties {
    // 在这里把你所有的 CSS 变量都列出来
    '--flood-font-family'?: string;
    '--flood-primary-color'?: string;
    '--flood-active-color'?: string;
    '--flood-border-color'?: string;
  }
}
  1. 在tsconfig中,引入类型声明文件
json
 "include": [
    // ......
    "types/**/*.d.ts"
  ],