微软正式发布 Visual Studio Code 1.118 版本 。本次更新重点强化了 AI 开发体验与企业管理能力，其中最引人注目的是新增 Copilot CLI 远程控制功能，允许开发者通过手机或网页远程监控和接管 AI 会话 。同时，为了提高 AI 的运行性价比，新版本优化了令牌缓存策略以降低成本 。此外，1.118 版还引入了 Chronicle 本地历史追踪、TypeScript 7.0 支持以及更严格的企业级访问管控 。
根本原因是vscode启用safewrite导致webpack监听失效，需禁用files.useexperimentalfilewatcher、设files.enabletrash为false、调大wsl2的inotify限额、webpack开发配置显式设target: 'web'，并配合框架专用hmr插件。
VSCode保存后Webpack不触发热更新
根本原因是 VSCode 默认启用 safeWrite，修改文件时先写入临时位置再原子替换，而 Webpack 的 watch 机制监听的是原始路径，临时文件变更不会触发 fs 事件。这不是 Webpack 配置错误，而是编辑器与文件系统协作的语义断层。
- 打开 VSCode 设置（
Ctrl+,或Cmd+,），搜索files.autoSave和files.useExperimentalFileWatcher - 将
files.autoSave设为off或afterDelay（避免频繁写入干扰） - 禁用
files.useExperimentalFileWatcher（该实验性 watcher 在某些 Linux/WSL2 下不可靠） - 关键一步：在用户设置 JSON 中手动添加
"files.enableTrash": false和"files.watcherExclude": { "**/.git/objects/**": true, "**/node_modules/**": true }，防止 watcher 被大目录拖垮
WSL2 下 inotify 限制导致 HMR 静默失败
WSL2 默认的 fs.inotify.max_user_watches 值极低（通常 8192），Webpack 监听大量文件时迅速耗尽配额，表现为“编译成功但无 HMR 日志”，控制台安静得像没改过代码。
- 在 WSL2 终端中运行
cat /proc/sys/fs/inotify/max_user_watches查看当前值 - 临时提升：执行
sudo sysctl fs.inotify.max_user_watches=524288 - 永久生效：编辑
/etc/wsl.conf，加入以下内容并重启 WSL2：[automount] enabled = true options = "metadata,uid=1000,gid=1000,umask=022,fmask=11"
- 若使用 Docker Desktop，挂载卷时务必加
:delegated标志，例如docker run -v $(pwd):/app:delegated …，否则 inotify 事件无法穿透
Webpack 5 的 target 默认值破坏 HMR
Webpack 5 引入 target: 'browserslist' 作为默认值，但它会禁用 HMR 运行时支持——即使你写了 hot: true，插件也压根不注入。这不是 bug，是设计取舍：面向兼容性目标时，默认放弃开发期便利性。
- 检查项目根目录是否存在
.browserslistrc或package.json中的browserslist字段 - 开发配置中必须显式覆盖：
target: 'web'（仅限webpack.dev.js） - 生产配置可保留
target: ['web', 'es5']，但绝不能混用到开发环境 - 验证是否生效：启动 devServer 后，控制台应出现
[WDS] Hot Module Replacement enabled.，而非静默或只输出compiled successfully
Vue/React 项目里 HMR 有日志但组件不重渲染
HMR 日志正常只说明模块被替换了，不代表框架能保状态重绘。Webpack 原生 HMR 不理解 Vue Composition API 或 React 函数组件的生命周期，需要框架运行时补丁介入。
- Vue 3 项目：确认
vue-loader版本 ≥ 17，并在入口文件顶部添加import 'vue' // 确保 runtime-core 被引入' - React 项目：必须使用
@pmmmwh/react-refresh-webpack-plugin，且 Webpack 配置中devServer.hot和插件启用需同时存在 - 检查 import 路径大小写：比如
import Button from '@/components/Button.vue'，磁盘路径必须是src/components/Button.vue，Windows/macOS 不敏感但 Webpack watch 敏感 - 避免在组件顶层写
console.log或副作用代码，HMR 接受逻辑可能因模块导出未变而跳过更新
真正卡住 HMR 的往往不是某一行配置，而是多个环节叠加失效：VSCode 写入方式 + WSL2 inotify 限额 + Webpack target 默认行为 + 框架运行时缺失。逐项排除时，优先验证 [WDS] Hot Module Replacement enabled. 是否出现——没这句，后面全白搭。
