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
};
