如何配置Nuxt使热重载忽略.git目录？git status触发重载求助

针对Git命令触发Nuxt热重载的问题，你可以通过修改Nuxt配置文件，让热重载监听器忽略.git目录及相关文件，分版本说明如下：

Nuxt 3 #

在nuxt.config.ts中添加watchers.chokidar.ignored配置：

export default defineNuxtConfig({
  watchers: {
    chokidar: {
      // 忽略.git目录下所有文件及index.lock文件
      ignored: ['**/.git/**', '**/.git/index.lock']
    }
  }
})

Nuxt 2 #

在nuxt.config.js中配置watchers.webpack.ignored：

export default {
  watchers: {
    webpack: {
      ignored: ['**/.git/**', '**/.git/index.lock']
    }
  }
}

如果上述配置不生效，也可以通过扩展Webpack配置实现：

export default {
  build: {
    extend(config, { isDev, isClient }) {
      // 仅在开发环境的客户端构建时修改监听规则
      if (isDev && isClient) {
        config.watchOptions = {
          ...config.watchOptions,
          ignored: ['**/.git/**', '**/.git/index.lock']
        }
      }
    }
  }
}

配置完成后重启Nuxt开发服务，执行git status等Git命令时，.git/index.lock的变化就不会再触发热重载和项目重构了。

内容的提问来源于stack exchange，提问作者Jp Rodrigues