TypeScript(二) —— 配置文件註解

目錄

• 配置文件註解
• 使用說明

以前咱們講了 TypeScript(一) —— 瞭解並快速入門 ，如今展開說明一下配置文件裏面選項的含義。

編譯項目的時候，能夠生成一個配置文件tsconfig.json

# yarn
yarn tsc --init
# npm
tsc --init

裏面屬性是typescript編譯器配置的一些選項，下面是一些經常使用的配置及其含義，以後用到什麼就進行補充。

配置文件註解

{
  "compilerOptions": {
    // 設置編譯後的javascript採用的標準
    "target": "es5", 
    /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
    
    // 能夠指定引用的標準庫，默認是[]，下面引用的是ES2015的標準庫，避免Symbol和Promise的報錯
    // 第二個DOM是DOM+BOM，使用console之類的用的，若是是空數組不須要寫，默認就有，若是本身修改了這個數組，就要手動加上
    "lib": ["ES2015","DOM"],
    /* Specify library files to be included in the compilation. */
    
    // 輸出的代碼使用什麼方式進行模塊化，這裏用的是commonJS，會把輸入輸出弄成require和module.export的方式
    "module": "commonjs",
    /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
    
    // 開啓源代碼映射，咱們在調試的時候能夠使用sourceMap文件去調試typescript源代碼
    "sourceMap": true,
    /* Generates corresponding '.map' file. */
    
    // 設置編譯結果輸出的文件夾
    "outDir": "dist",
    /* Redirect output structure to the directory. */
    
    // 源代碼ts文件所在的文件夾
    "rootDir": "src",
    /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
    
    /*類型檢查相關 Strict Type-Checking Options */
    // 開啓嚴格模式，對類型檢查十分嚴格
    // 例如：any類型，也要嚴格寫出來
    "strict": true,
    /* Enable all strict type-checking options. */
    
    // 檢查變量不能爲空null，可單獨開啓
    "strictNullChecks": true,              /* Enable strict null checks. */
  }
}

使用說明

有了配置文件以後，咱們使用tsc命令編譯整個項目的時候，配置文件纔會生效，若是是單個文件，則不會起做用。

# yarn
yarn tsc
# npm
tsc