Nuxt构建时无法忽略amplify目录，如何解决？

1. 配置Nuxt文件监听排除规则 #

Nuxt的watchers配置直接控制哪些文件变化会触发项目重建，默认会监听根目录下多数文件。你需要在nuxt.config.js中添加该配置，明确排除amplify/目录：

export default {
  // 其他项目配置...
  watchers: {
    webpack: {
      ignored: ['**/amplify/**'],
    },
  },
}

2. 完善Webpack Loader的排除规则 #

之前单独在build.extend里加exclude可能没覆盖到所有相关Loader，需要遍历所有模块规则，给每个Loader添加排除逻辑：

export default {
  build: {
    extend(config, { isDev, isClient }) {
      // 给所有Loader添加amplify目录排除规则
      config.module.rules.forEach(rule => {
        if (rule.exclude) {
          rule.exclude.push(/amplify\/.*/)
        } else {
          rule.exclude = [/amplify\/.*/]
        }
      })
      // 移除resolve中可能包含的amplify目录（若存在）
      config.resolve.modules = config.resolve.modules.filter(dir => !dir.includes('amplify'))
    },
  },
}

3. 检查第三方插件/模块的监听逻辑 #

如果项目使用了Amplify相关的Nuxt模块或第三方文件监听插件，这类工具可能会额外监听amplify目录。需要检查对应插件的配置项，添加目录排除规则，或暂时禁用插件测试是否生效。

4. 清理缓存后验证 #

修改配置后，清理Nuxt缓存和Node模块缓存，再执行生成命令测试：

rm -rf .nuxt node_modules/.cache
npm run generate

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