如何配置TypeScript对不正确的导入语句抛出错误/警告?

时间:2018-08-09 13:37:48

标签: javascript typescript import visual-studio-code

我正在将大型应用程序从JavaScript(主干和Angular 1)转换为TypeScript。当我们转换其他文件使用的文件时,我们了解到我们必须更新那些其他JavaScript文件中的import语句,以便它正确导入新的TypeScript文件。我们在fake-file.js中的语法更新如下。

之前:     import OurService from 'our.service';

之后:     import { OurService } from 'our.service';

我知道这是一个容易的更改,但是TypeScript对于许多开发人员来说是新手,并且存在人们会丢失某些导入语句或忘记将它们全部更改在一起而导致运行时出现问题的问题。我已经研究过编译器选项,但看不到能解决此问题的任何选项,但可能会误解它们。

问题:是否可以配置编译器(或Visual Studio Code插件)以发出警告或错误以防止这种情况发生?

1 个答案:

答案 0 :(得分:1)

我假设我了解您的要求,并且可能需要调整起毛过程,因此,我建议使用以下工具(我在项目中也使用过)

  1. Airbnb Javascript样式指南(您的导入声明关注-https://github.com/airbnb/javascript#modules)。这些是为任何JS应用程序(包括ES)定义的一组定义明确的标准。
  2. ESLint。您可以从终端运行ESLint,并为您的项目配置ESLint,以突出显示代码中的警告/错误。如果这看起来很复杂,则可以在website本身中为整个项目生成tslint文档。单击rules configuration并为您的项目配置ES规则。也有一些import相关规则。 PS:随时添加您的评论。