這篇文章主要介紹“tsconfig的importsNotUsedAsValues屬性怎么使用”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“tsconfig的importsNotUsedAsValues屬性怎么使用”文章能幫助大家解決問題。

專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、成都做網(wǎng)站服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)桃江免費做網(wǎng)站提供優(yōu)質(zhì)的服務。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上千企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

importsNotUsedAsValues作用

通過它可以來控制沒被使用的導入語句將會被如何處理，它提供來三個不同的選項。

• remove：這是默認 —— 移除未使用的導入語句

• preserve：將會保留所有的導入語句，即使是從來沒有被使用。

• error：將會保留所有的導入語句（與preserve 選項相同），但是當一個值的導入僅僅用于類型時將會拋出錯誤。

示例

如下代碼， Test 是一個類型 ，引入的三個值中只有 getAge 被使用了

import { Test } from './a';
import { getName, getAge } from './utils';

console.log(getAge);

編譯后的結(jié)果

remove 編譯后的

import { getAge } from './utils';

console.log(getAge);

preserve 編譯

import './a'
import { getAge } from './utils'

console.log(getAge)

error 編譯與 preserve 編譯效果一致

error 配置什么時候會觸發(fā)呢

如下代碼使用

import { Test } from './a';

const name: Test = {
  name: 'str'
};

當使用 importsNotUsedAsValues: error 時，tsc 編譯出現(xiàn)報錯如下

根據(jù)報錯提示，可以知道當我們導入的是一個類型時需要使用 import type 去替代 import，改成如下代碼即可

import type { Test } from './a';

const name: Test = {
  name: 'str'
};

關(guān)于“tsconfig的importsNotUsedAsValues屬性怎么使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。