腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

TypeScript配置文件之compilerOptions配置過程

更新時間：2025年05月06日 14:37:57 作者：聒噪，

這篇文章主要介紹了TypeScript配置文件之compilerOptions配置過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

rootDir和outDir

現(xiàn)在你的js文件直接編譯到了根目錄下，和ts文件混在了一起。我們當(dāng)然是不喜歡這種方法的，工作中我們希望打包的js都生成在特定的一個文件夾里,比如build。

這時候你就可以通過配置outDir來配置，當(dāng)然你也可以通過rootDir來指定ts文件的位置，比如我們把所有的 ts 文件都放到 src 下。

那配置文件就應(yīng)該這樣寫：

{
    "outDir": "./build" ,
    "rootDir": "./src" ,
}

這時候你再在Terminal中輸入tsc,就會有不同的效果了。

現(xiàn)在你在src目錄下用ES6的語法寫了一個demo.ts文件，代碼如下。

export const name = "Riven";

如果你不做任何配置，這時候試用tsc是沒有效果的。你需要到tsconfig.js文件里進行修改，修改的地方有兩個。

"target":'es5' ,  // 這一項默認(rèn)是開啟的，你必須要保證它的開啟，才能轉(zhuǎn)換成功
"allowJs":true,   // 這個配置項的意思是聯(lián)通

這兩項都開啟后，在使用tsc編譯時，就會編譯js文件了。

如果把sourceMap的注釋去掉，在打包的過程中就會給我們生成sourceMap文件.

這里我不對 Source map 文件詳細講解，如果你感興趣，可以自行百度一下吧。

比如現(xiàn)在我們修改demo.ts文件的代碼，改為下面的樣子。

const riven: string = null;
export const name = "riven";

這時候你會發(fā)現(xiàn)riven這個變量沒有任何地方使用，但是我們編譯的話，它依然會被編譯出來，這就是一種資源的浪費。

//編譯后的文件
"use strict";
exports.__esModule = true;
exports.name = void 0;
var jspang = null;
exports.name = "riven";

這時候我們可以開啟noUnusedLocals：true，開啟后我們的程序會直接給我們提示不能這樣編寫代碼，有沒有使用的變量。

noUnusedParameters是針對于名優(yōu)使用的函數(shù)的，方法和noUnusedLocals：true一樣，小伙伴們自己嘗試吧。

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: