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

快捷導(dǎo)航

TypeScript配置文件之compilerOptions配置過(guò)程

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

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

rootDir和outDir

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

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

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

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

這時(shí)候你再在Terminal中輸入tsc,就會(huì)有不同的效果了。

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

export const name = "Riven";

如果你不做任何配置，這時(shí)候試用tsc是沒(méi)有效果的。你需要到tsconfig.js文件里進(jìn)行修改，修改的地方有兩個(gè)。

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

這兩項(xiàng)都開(kāi)啟后，在使用tsc編譯時(shí)，就會(huì)編譯js文件了。

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

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

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

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

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

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

這時(shí)候我們可以開(kāi)啟noUnusedLocals：true，開(kāi)啟后我們的程序會(huì)直接給我們提示不能這樣編寫(xiě)代碼，有沒(méi)有使用的變量。

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

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

您可能感興趣的文章: