如何设置带有打字稿和棉绒的Gatsby项目

时间:2019-07-28 20:57:01

标签: typescript visual-studio-code babel static-analysis gatsby

我想用Typescript和linting设置一个Gatsby项目,使我既可以在文本编辑器上检测任何类型或其他错误(项目范围的错误检测),又可以在运行时在终端上记录警告和错误纱线发达。

在我公司,我们使用tslint进行此设置,并且没有babel,因此打字稿既进行了翻译又进行了类型检查。但是,Gatsby在内部使用babel,我相信这会引起问题,因为babel在代码运行时不会执行类型检查。

基于这3篇文章,我尝试了不同的方法来完成此任务。

https://www.arden.nl/setting-up-a-gatsby-js-starter-with-type-script-es-lint-prettier-and-pre-commit-hooks

https://medium.com/@thetrevorharmon/how-to-make-a-super-fast-static-site-with-gatsby-typescript-and-sass-3742c00d4524

https://medium.com/maxime-heckel/getting-started-with-typescript-on-gatsby-8544b47c1d27

但是这些解决方案都没有让我完全满意,因为棉绒没有按照我想要的方式处理。 (我不想运行用于类型检查的脚本,我想在终端上立即看到它)

我的要求是这些

  • 使用盖茨比
  • 使用打字稿
  • 当我进行yarn开发时,我希望所有语法错误和类型检查错误都显示在终端上。
  • 在VScode中显示所有语法和类型检查错误(项目范围甚至关闭的文件,因此es-lint可能无法解决)
  • 奖金:在此之上更漂亮

我错过了什么吗?或者问得太多吗? :-)

0 个答案:

没有答案