CRA lint 多个目录

Posted 2023-03-27

【中文标题】CRA lint 多个目录

【英文标题】：CRA lint multiple directories

【发布时间】：2022-01-07 12:27:43

【问题描述】：

我希望我的 CRA 在保存项目中的所有目录时运行 lint。它目前仅 lints /react 目录。我也希望它对我的 /common 目录进行 lint。有没有办法配置它，以便 CRA 在保存时运行 lint？

我可以在第一次编译时添加一个脚本以在该目录上运行一次 lint，但我不知道如何让它在保存时运行。两者都有目录有一个.eslintrc.json 文件，VSCode 在/common 目录中看到这个。

我的项目

-package.json
  -react
    package.json
    -src/
  -common
    package.json
    -src/

*** package.json

  "scripts": 
    "start:web": "concurrently \"cd backend && npm run start:dev\" \"cd react && npm start\"",

/react/package.json

  "scripts": 
    "start": "react-app-rewired start"

【参考方案1】：

要在保存时运行 lint（带格式），您必须配置代码编辑器来执行此操作。如果你使用 VS Code，article 解释了如何设置它。

总结：

在您的项目中安装和设置 ESLint

npm install eslint

npx eslint --init

为 VS Code here 安装 ESLint 扩展。您现在应该会看到带下划线的错误。

通过修改工作区设置并将以下内容添加到 settings.json 来设置 保存时的代码操作：

  "editor.codeActionsOnSave": 
    "source.fixAll.eslint": true
  ,
  "eslint.validate": ["javascript"]

【讨论】：

谢谢，但我问的是如何让它在编译时运行。我不是要让 VSCode 工作。

哦。我知道了。您的问题是关于在保存时运行 lint，这是一个编辑器功能，与编译无关。

保存会导致 CRA 重新编译，因此它们实际上连接得非常紧密。

公平。我很想看看有什么解决方案能解决这个问题。 :)