WebStorm提交代码时未遵循.gitignore配置忽略node_modules文件夹怎么办

出现该问题的核心原因是node_modules文件夹在你添加.gitignore规则之前就已经被Git跟踪了，.gitignore只能对从未被加入Git跟踪列表的文件/文件夹生效，已经被暂存过的内容不会被自动忽略。你可以按以下步骤操作解决：

• 打开项目根目录下的终端，执行命令清除Git暂存区中对node_modules的跟踪记录，该命令不会删除你本地已安装的依赖文件：

git rm -r --cached node_modules

• 提交本次操作和.gitignore的修改：

git add .gitignore
git commit -m "移除node_modules的Git跟踪，更新忽略规则"

• 回到WebStorm的提交面板刷新，node_modules的改动就不会再出现了。

额外排查项 #

如果执行完上述操作仍有问题，可以检查两个配置：

• 确认你的.gitignore规则是否适配项目结构：你当前写的/node_modules只会忽略项目根目录下的node_modules文件夹，如果是多包管理的monorepo项目，子目录下的node_modules不会被匹配，把规则改成node_modules即可忽略所有层级的node_modules文件夹。
• 检查WebStorm的.gitignore支持开关：打开设置搜索「.gitignore」，确认「Enable ignore files support」选项处于开启状态。

内容的提问来源于stack exchange，提问作者Sakén