·

How to disable ESLint to some folders in NextJS app directory?

Published at 2024-09-21 12:45:08Viewed 72 times
Professional article
Please reprint with source link

When executing npm run build in NextJS, eslint may check some folders that are unnecessary. If you are using App Router and want to disable ESLint to some folders, you can try the following ways.

Edit next.config.js

You can specify which directories should be checked by the ESLint. Here is the documentation: Linting Custom Directories and Files

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

If you want to exclude some folders that ESLint runs, you can try the following (note that ignoreDuringBuilds only supports a boolean in the latest version of next):

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

Or you can try the following if you want to completely disable ESLint, i.e. disable ESLint to all folders:

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

Edit tsconfig.json

You can also edit tsconfig.json, this can not only disable ESLint to some folders in build phase, but also disable prettier to run on some folders.

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


Comments

There is no comment, let's add the first one.

弦圈热门内容

Get connected with us on social networks! Twitter

©2024 Guangzhou Sinephony Technology Co., Ltd All Rights Reserved