javascript - 如何在 TSLint 中对 js 和 ts 使用相同的规则

Question

我想在 .js 文件和 .ts 文件中使用相同的样式。我知道 tslint.json 中有 jsRules 属性，但我发现它有 2 个问题:

• 复制 Ant 粘贴完全相同的规则
• 扩展某些配置时，例如tslint-react，你没有得到jsRules中的规则，这意味着你必须去规则集的源代码并手动复制它。

有没有其他方法可以拥有相同的代码风格而不必同时维护 eslint 和 tslint？

Answer 1

不是每个人都知道，但 TSLint 配置不必放在 .json 文件中。您可以使用 .js 扩展，并在其中保留您喜欢的任何逻辑。

在这种情况下，我们可以将 TSLint 规则分为两类——通用规则和特定于 React 的规则。两个规则集都将用于 TypeScript 文件，但只有第一个规则集将应用于 JavaScript。

tslint.js

const UNIVERSAL_RULES = {
  "max-line-length": [true, 120]
}

const REACT_RULES = {
  "jsx-space-before-trailing-slash": true
}

module.exports = {
  extends: [
    "tslint:recommended"
  ],
  jsRules: UNIVERSAL_RULES,
  rules: {
    ...UNIVERSAL_RULES,
    ...REACT_RULES
  }
}

运行 TSLint CLI 时，可能需要明确指向您的配置文件。您可以通过将 --config tslint.js 添加到您的 tslint 命令来实现。