Question

我想在package.json上设置一个命令，该命令可以在我的react App上添加TS文件（使用为该应用提供react-scripts 3.1.2的CRA）。

我看到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" : "eslint ./src/**/*.{tsx,ts}",

我希望这会对某人有所帮助：-）

此外，如果有人对这方面的良好做法有更多了解，将不胜感激！

PD：.eslintignore也可以正常工作

CRA打字稿皮棉

1 个答案: