Next.js项目Git变更出现大量webpack相关文件，是否属正常情况？

这是Next.js的正常生成文件，但不该出现在版本控制里——问题出在你没配置.gitignore忽略Next.js的构建缓存目录。

原因说明 #

.next/是Next.js的核心工作目录，用来存放开发时的热更新缓存、生产构建的输出文件，其中static/webpack子目录里的*.pack.gz、*.webpack.hot-update.json这类文件，是webpack打包过程中生成的chunk资源、热重载补丁包，开发模式下每次修改代码、热更新都会自动生成新的这类文件，数量多很正常。

你之前没遇到这种情况，大概率是之前用create-next-app初始化项目时，官方默认生成的.gitignore已经包含了.next/规则，而这次可能是手动搭建的项目，或者不小心删除了.gitignore，导致git把这些临时文件当成了需要追踪的变更。

解决步骤 #

• 项目根目录新建或编辑.gitignore文件，添加一行：

  .next/
  

• 如果这些文件已经被加入git暂存区，执行命令移除暂存（不会删除本地文件）：

  git rm -r --cached .next/
  

• 提交这个.gitignore的变更，之后VSCode的源代码控制就不会再显示这些临时文件了。

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