reactjs - 如何将 EsLint 与 Vite+react 项目集成

Question

当我使用 create-react-app 创建反应应用程序时，默认情况下有 Eslint。这就是我们不想手动集成的原因。但是当我使用Vite创建 React 应用程序时，不存在任何类型的 Lint，例如Eslint、jslint

请告诉我任何建议。如何在 Vite+react 项目中实现 eslint？

标签： reactjsjsxeslintvite

Answer 1

create-react-app已将他们的 eslint 规则放入专用包中：

https://www.npmjs.com/package/eslint-config-react-app

按照他们的说明进行设置：

npm install --save-dev eslint-config-react-app eslint@^8.0.0

或者

yarn add -D eslint-config-react-app eslint@^8.0.0

然后.eslintrc.json用这个内容创建一个：

{
  "extends": "react-app"
}

您可以将其添加到scripts您的部分package.json

{
  "scripts": {
    "lint": "eslint --max-warnings=0 src"
  }
}

并通过npm run lintor运行它yarn lint。

你也可以使用vite-plugin-eslintvite 在控制台中给你反馈。