这篇文章主要介绍“tsconfig的importsNotUsedAsValues属性怎么使用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“tsconfig的importsNotUsedAsValues属性怎么使用”文章能帮助大家解决问题。
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 编译效果一致
error 配置什么时候会触发呢
如下代码使用
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属性怎么使用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注编程之家行业资讯频道，小编每天都会为大家更新不同的知识点。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。