tsconfig.json
【官方解释】当目录中出现了 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官网
它会默认查询 .ts, .tsx, and .d.ts
所以我得到的结论是, 要写 Vue
的时候,tsconfig.json
文件的 include
属性必须要写 "src/**/*.vue"
, 不然的话不会检查 .vue文件