在umi中使用typescript

引入ts

使用typescript

tsconfig.json

{
    "compilerOptions": {
      "outDir": "build/dist",
      "module": "esnext",
      "target": "es2016",
      "lib": ["es6", "dom"],
      "sourceMap": true,
      "jsx": "react",
      "allowSyntheticDefaultImports": true,
      "moduleResolution": "node",
      "rootDir": "src",
      "forceConsistentCasingInFileNames": true,
      "noImplicitReturns": true,
      "suppressImplicitAnyIndexErrors": true,
      "noUnusedLocals": true,
      "experimentalDecorators": true,
      "baseUrl": "./",
      "paths": {
        "@/*": ["src/*"],
        "components/*": ["src/components/*"],
        "utils/*": ["src/utils/*"],
        "assets/*": ["src/assets/*"],
        "themes/*": ["src/themes/*"],
        "config/*": ["src/config/*"],
        "public/*": ["src/public/*"]
      }
    },
    "exclude": [
      "node_modules",
      "build",
      "scripts",
      "acceptance-tests",
      "webpack",
      "jest",
      "src/setupTests.ts",
      "tslint:latest",
      "tslint-config-prettier"
    ]
  }
  

声明类型

src / typings.d.ts

declare module 'slash2';
declare module '*.css';
declare module '*.less';
declare module '*.scss';
declare module '*.sass';
declare module '*.svg';
declare module '*.png';
declare module '*.jpg';
declare module '*.jpeg';
declare module '*.gif';
declare module '*.bmp';
declare module '*.tiff';
declare module 'omit.js';
declare module 'react-copy-to-clipboard';
declare module 'react-fittext';
declare module '@antv/data-set';
declare module 'nzh/cn';

// google analytics interface
interface GAFieldsObject {
  eventCategory: string;
  eventAction: string;
  eventLabel?: string;
  eventValue?: number;
  nonInteraction?: boolean;
}
interface Window {
  ga: (
    command: 'send',
    hitType: 'event' | 'pageview',
    fieldsObject: GAFieldsObject | string,
  ) => void;
}

declare let ga: Function;

// preview.pro.ant.design only do not use in your production ;
// preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
declare let ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: 'site' | undefined;