如何禁用nextjs中某些文件夹的eslint？

Question

我想在NextJs中执行

npm run build

时禁用某些文件夹的eslint

我不想这样配置：

module.exports = {
  eslint: {
    dirs: ['pages', 'utils'], // Only run ESLint on the 'pages' and 'utils' directories during production builds (next build)
  },
}

因为添加所有有效文件夹很复杂，但更容易

if I could pass some folders to be ignored

Answer 1

如果您想忽略特定文件或目录，请将它们添加到 eslint 配置中的

ignorePatterns

：

module.exports = {
  ...,
  ignorePatterns: [
    "jest.config.js",
    "lib",
    "src/some-file.ts",
  ],
  ...
}

如果您希望它仅在构建阶段发生，请使用

ignorePatterns

 设置第二个配置文件，并使用 

-c

 或 

--config 为您正在执行的操作（开发、构建等）使用适当的配置CLI 选项。

Answer 2

您可以在项目的根目录创建一个 .eslintignore 文件

https://eslint.org/docs/latest/user-guide/configuring/ignoring-code

Answer 3

要在NextJs中的某些文件夹中禁用eslint，您需要编辑

next.config.js，这里是文档：https://nextjs.org/docs/basic-features/eslint#linting-custom-directories-和文件

module.exports = {
  eslint: {
   ignoreDuringBuilds: ['/src/core']
  },
}

如果您想在构建阶段忽略某些文件夹或文件，您需要编辑

tsconfig.json

{
  "exclude": [
    "node_modules",
    "src/core/vite.config.ts"
  ]
}

Answer 4

忽略 ESLint 当在您的项目中检测到 ESLint 时，如果存在错误，Next.js 将导致您的生产构建（下一个构建）失败。

如果您希望 Next.js 即使您的应用程序存在 ESLint 错误也能生成生产代码，您可以完全禁用内置的 linting 步骤。不建议这样做，除非您已经将 ESLint 配置为在工作流程的单独部分中运行（例如，在 CI 或预提交挂钩中）。

打开 next.config.js 并在 eslint 配置中启用ignoreDuringBuilds选项：

module.exports = {
  eslint: {
    // Warning: This allows production builds to successfully complete even if
    // your project has ESLint errors.
    ignoreDuringBuilds: true,
  },
}

Answer 5

这里的答案都不适合我（我不想完全忽略 eslint），但对我来说可以接受的解决方法是添加

/* eslint-disable */ 在我想忽略的所有文件的顶部。