这篇文章主要介绍“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进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。