关于 dva+ts的配置（别名 + 二级路由 + 状态管理）

dva+ts 的路由配置（二级路由）

1、 dva+ts 基础安装

dva

npm i dva-cli -g
dva new .    // 或 
dva new 文件名

ts

npm i -g typescript
npm i -S @types/react @types/react-dom ts-loader ts-lint

配置

tsconfig.json

{
   
    "compilerOptions": {
   
        "strictNullChecks": true,
        "moduleResolution": "node",
        "allowSyntheticDefaultImports": true,
        "experimentalDecorators": true,
        "jsx": "react",
        "module": "esnext",
        "noUnusedParameters": true,
        "noUnusedLocals": true,
        "target": "es6",
        "lib": [
            "dom", 
            "es7"
        ],
        "baseUrl":".",
        "paths": {
   
        "@comp/*":["./src/components/*"],
        "@src/*":["./src/*"],
        "@pages/*":["./src/routes/*"],
        "@models/*":["./src/models/*"],
        "@api/*":["./src/services/*"],
        "@utils/*":["./src/utils/*"],
        "@asset/*":["./src/asset/*"],
        "@infe/*":["./src/interface/*"],
        "@env/*":["./src/env/*"],
    }
    },
    "exclude": [
        "node_modules",
        "lib",
        "es"
    ]
}

tslint.json

{
   
    "extends": [
        "tslint:latest",
        "tslint-react"
    ],
    "linterOptions": {
   
        "exclude": [
            "node_modules/**/*.ts",
            "src/**/*.{ts,tsx}"
        ]
    },
    "rules": {
   
        "object-literal-sort-keys": false,
        "jsx-no-lambda": false,
        "eofline": false,
        "no-consecutive-blank-lines": false,
        "no-var-requires": false,
        "quotemark"