如何在部署管道期间启动 Gatsby eslinting

Question

我目前正在设置 Gatsby 以替换我公司用户在项目模板中之前的前端设置。大多数事情都已设置好，但我坚持将 linting 集成到我们的部署脚本中。

我们的 bitbucket-pipelines.yml 文件调用 npm run client:lint 来运行旧设置的 linting。 Gatsby 有自己的 eslint 设置，在开发过程中效果很好，但我找不到手动运行它的 linting 的方法。

Gatsby 在 package.json 中设置的脚本只包括这些：

  "scripts": {
    "develop": "gatsby develop",
    "start": "gatsby develop",
    "build": "gatsby build",
    "serve": "gatsby serve",
    "clean": "gatsby clean"
  },

我可以运行一个命令来自行启动 linting 吗？

请注意：我已经尝试按照以下链接创建自定义 eslint 设置，但它似乎涉及构建一个全新的 eslint 文件 - 我遇到了问题 - 所以我希望有一个脚本可以运行目前我还没有遇到过的现有 linting。

• https://www.gatsbyjs.com/docs/how-to/custom-configuration/eslint/
• https://www.gatsbyjs.com/plugins/gatsby-plugin-eslint/

Answer 1

这应该可行：

  "scripts": {
    "develop": "gatsby develop",
    "start": "gatsby develop",
    "build": "gatsby build",
    "serve": "gatsby serve",
    "clean": "gatsby clean"
    "eslint": "eslint \"**/*.{js, jsx, json, md}\"",
  },

根据需要使用eslint 命令或与其他命令组合使用。这将在项目的任何文件夹中查找所有扩展名（js、jsx、json、md），并将应用 ESLint 配置文件（.eslintrc.json）中的详细规则。

添加具有以下内容的.eslintignore 文件也可能很有用：

coverage
build/Release
node_modules/
jspm_packages/
build/
.cache/
public/

这将避免在运行命令时解析该文件夹。