您好,登錄后才能下訂單哦!
這篇文章主要介紹“tsconfig的importsNotUsedAsValues屬性怎么使用”的相關知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“tsconfig的importsNotUsedAsValues屬性怎么使用”文章能幫助大家解決問題。
通過它可以來控制沒被使用的導入語句將會被如何處理,它提供來三個不同的選項。
remove
:這是默認 —— 移除未使用的導入語句
preserve
:將會保留所有的導入語句,即使是從來沒有被使用。
error
:將會保留所有的導入語句(與preserve
選項相同),但是當一個值的導入僅僅用于類型時將會拋出錯誤。
如下代碼, Test
是一個類型 ,引入的三個值中只有 getAge
被使用了
import { Test } from './a'; import { getName, getAge } from './utils'; console.log(getAge);
remove
編譯后的
import { getAge } from './utils'; console.log(getAge);
preserve
編譯
import './a' import { getAge } from './utils' console.log(getAge)
error
編譯與 preserve
編譯效果一致
如下代碼使用
import { Test } from './a'; const name: Test = { name: 'str' };
當使用 importsNotUsedAsValues: error
時,tsc
編譯出現報錯如下
根據報錯提示,可以知道當我們導入的是一個類型時需要使用 import type
去替代 import
,改成如下代碼即可
import type { Test } from './a'; const name: Test = { name: 'str' };
關于“tsconfig的importsNotUsedAsValues屬性怎么使用”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識,可以關注億速云行業資訊頻道,小編每天都會為大家更新不同的知識點。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。