CRA打字稿皮棉

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也可以正常工作