package.json 中的“*.+(js|jsx)”是什么意思？

Question

我正在为我的 Next.js 项目设置 ESLint 和 Prettier。我关注了this one的一篇文章。

到目前为止，这是我的package.json 文件（部分）：

  "lint-staged": {
    "*.{js,jsx}": [
      "eslint '*/**/*.{js,jsx}' --fix"
    ]
  }

虽然我已经复制和粘贴，但无法理解*.{js,jsx} 和*/**/*.{js,jsx} 这些模式的实际含义是什么？另外：*.+(js|jsx)想了解这个模式。

Answer 1

它类似于正则表达式，称为glob pattern，因此它知道应该将命令应用于哪些文件。

• * 任意字符
• .一个点
• {js,jsx} 'js' 或 'jsx'
• **may consist of multiple directory levels

foo.js 匹配
bar.php 不匹配。

第二个是实际的 JS lint 命令。这基本上意味着与该结构匹配的所有内容都会获得eslint。

您也可以设置"eslint 'src/javascript/*.{js,jsx}' --fix"，例如，如果这是您希望它检查的唯一目录，则不理会所有其他 JS 文件。