Home

Appearance

TypeScript declare 外部模块类型申明及相关配置 ​

  1. 在src目录下创建types文件夹，创建index.d.ts文件。
  2. 在index.d.ts文件中增加对应的ts声明信息。
javascript
// types/index.d.ts 文件中

// 简单的做法 默认any类型
declare module 'xxxx';

// 自定义做法
declare module '*.vue' {
  import { DefineComponent } from 'vue';
  const component: DefineComponent<{}, {}, any>;
  export default component;
}
// types/index.d.ts 文件中

// 简单的做法 默认any类型
declare module 'xxxx';

// 自定义做法
declare module '*.vue' {
  import { DefineComponent } from 'vue';
  const component: DefineComponent<{}, {}, any>;
  export default component;
}
  1. 配置tsconfig.json
javascript
{
  "include": [
    "env.d.ts", 
    "src/**/*", 
    "src/**/*.vue",
    "types/**/*.d.ts", 
    "types/**/*.ts",   
    "src/**/*.ts",
    "src/**/*.tsx"
  ],
}
{
  "include": [
    "env.d.ts", 
    "src/**/*", 
    "src/**/*.vue",
    "types/**/*.d.ts", 
    "types/**/*.ts",   
    "src/**/*.ts",
    "src/**/*.tsx"
  ],
}