概念
tsconfig.json所在位置是ts項目的根目錄,他的主要作用是自定義配置不同的選項來告訴編譯器如何編譯當前項目。
重要屬性
- compilerOptions -?主要用來配置目標js版本(target)、模塊解析方式(moudle)、輸出目錄(outDir)、嚴格模式(strict)等
- include -?指定需要編譯的文件夾
- exclude -?指定不需要編譯的文件夾
- files -?指定要編譯的特定文件列表(可以逐個列出文件的路徑)
- extends -?繼承另一個文件的配置,用來共享配置比較方便
配置示例
{"compilerOptions": {"target": "ES6", // 默認ES3,可以是'ES5', 'ES6'/'ES2015', 'ES2016'"module": "commonjs", // 使用模塊'amd', 'system', 'umd' or 'es2015'"outDir": "dist", // 輸出目錄"strict": true, // 啟用所有類型嚴格檢查"allowJs": true, // 允許編譯js文件"checkJs": true, // 報告js文件中的錯誤"declaration": true, // 生成相應的.d.ts文件"baseUrl": "./", // 解析非相對模塊名稱的根目錄"paths": { // 配置模塊基于baseUrl的別名列表"@utils/*": ["src/utils/*"]},"noEmit": true // 跳過ts的編譯過程,不生成新的js文件},"include": ["src/**/*"],"exclude": ["dist","public"]
}
更多詳細的配置可以查看博客