有关tsconfig.json配置详解【include】

tsconfig.json

TypeScript 文档

【官方解释】当目录中出现了 tsconfig.json 文件,则说明该目录是 TypeScript 项目的根目录。tsconfig.json 文件指定了编译项目所需的根目录下的文件以及编译选项。


这里我想说明的是有关include属性

tsconfig.json

{
  "compilerOptions": {
    "target": "esnext",
    "useDefineForClassFields": true,
    "module": "esnext",
    "moduleResolution": "node",
    "strict": true,
    "jsx": "preserve",
    "sourceMap": true,
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "baseUrl": ".",
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": ["esnext", "dom"]
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
  "exclude": ["node_modules"]
}

上面毕竟我写了include这个属性,但是我要是没写的话,想知道它又是如何进行?
然后我查了一下,发现答案
TypeScript官网
有关tsconfig.json配置详解【include】_第1张图片

它会默认查询 .ts, .tsx, and .d.ts

所以我得到的结论是, 要写 Vue 的时候,tsconfig.json 文件的 include属性必须要写 "src/**/*.vue", 不然的话不会检查 .vue文件

你可能感兴趣的:(TypeScript,Vue,json,typescript,vue.js)