网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

tsconfig的importsNotUsedAsValues属性怎么使用

这篇文章主要介绍“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 编译出现报错如下

tsconfig的importsNotUsedAsValues属性怎么使用

根据报错提示,可以知道当我们导入的是一个类型时需要使用 import type 去替代 import,改成如下代码即可

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

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

关于“tsconfig的importsNotUsedAsValues属性怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


网站标题:tsconfig的importsNotUsedAsValues属性怎么使用
本文链接:http://bjjierui.cn/article/jpgigd.html

其他资讯