CRA打字皮棉

Question

我想在我的package.json上设置一个命令，可以在我的react应用程序上做TS文件的linting (使用CRA，它为应用程序提供了react-scripts 3.1.2)。

我看到tslint正在被弃用，这就是为什么react社区正在迁移到ESlint。

在package.json文件中有一些线索，例如：

  "eslintConfig": {
    "extends": "react-app"
  }

所以我的想法是，当我运行eslint时，它可以采用该配置并使用所有CRA设置。

我试过了：

"lint" : "eslint --ext=jsx,ts,tsx src"

但是不走运，因为我在代码中放了一些错误，但它仍然没有显示任何信息。

有什么线索吗？

Answer 1

所以我找到了一个很好的方法。我的想法是让一切都按照CRA标准工作，并重用所有的东西(不确定为什么没有人在CRA上添加这个，可能我会在将来添加一个PR来检查)

这修复了这个问题，重用了CRA使用的所有依赖项：

关于package.json (CRA的标准)

  "eslintConfig": {
    "extends": [
      "react-app",     
      "plugin:react/recommended",
      "plugin:@typescript-eslint/recommended"
    ]
  }

然后，您可以添加lint脚本：

    "lint" : "eslint ./src/**/*.{tsx,ts}",

我希望这会对某些人有所帮助:-)

另外，如果有人知道更多关于这方面的良好实践，将非常感谢！

PD：.eslintignore也工作得很好