Webpack watch模式本质是轮询检测文件时间戳变化并聚合编译，自动重打包但不刷新页面、不起服务；可通过--watch命令参数或配置watch:true启用，推荐前者以避免污染生产环境。
Webpack 的 watch 模式本质是让构建过程“活起来”——文件一改，立刻重打包，不用每次手动敲 npm run build。它不刷新页面，也不起服务，只专注编译动作本身，适合轻量开发或配合其他工具（比如 Live Server、Terminus）使用。
两种开启方式，推荐命令行参数
watch 模式可以通过以下任一方式启用，但更推荐用命令行参数，避免配置污染生产环境：
-
命令行加
--watch：在package.json的 scripts 中添加，例如："scripts": { "dev": "webpack --watch" }
运行npm run dev即可启动监听。 -
配置文件设
watch: true：在webpack.config.js中写入：module.exports = { watch: true, /* 其他配置 */ };
注意：这种方式会让所有运行该配置的场景（包括 CI 构建）都进入监听状态，容易出问题，不建议常规使用。
watch 是怎么工作的？关键在轮询和聚合
Webpack 并不依赖系统原生文件监听（如 fs.watch），而是靠轮询（polling）检测文件修改时间戳。默认每秒检查一次，发现变化后不会马上打包，而是等一小段缓冲时间，把这段时间内的多次改动合并成一次构建——这叫“聚合编译”，能避免连按 Ctrl+S 导致反复打包。
-
poll：轮询间隔，单位毫秒，默认不启用；设为1000表示每秒查一次。 -
aggregateTimeout：变化后延迟打包的时间，默认 20ms；常设为300～500，兼顾响应与稳定性。 -
ignored：必须忽略node_modules等大目录，否则监听开销极大，可用正则/node_modules/或 glob'**/node_modules'。
常见问题与调优建议
watch 模式有时“没反应”，多数不是配置错，而是环境或细节没处理好：
- 编辑器保存未真正落盘（如某些 IDE 启用“延迟写入”或“安全写入”），可关掉该选项，或改用
poll: true强制轮询。 - Linux/macOS 下若监听大量文件卡顿，确认
ignored已排除node_modules和日志、缓存类目录。 - Windows 上遇到中文路径或符号链接问题，可尝试升级 webpack-cli 到 v5+，并确保 Node.js 版本 ≥ 16。
- 想看到实时编译日志又不想切终端？Sublime 用户可搭配 Terminus 插件，VS Code 用户直接用集成终端运行
npm run dev即可。
它和 webpack-dev-server 的区别你得清楚
watch 只负责“自动编译”，生成新 bundle.js 到磁盘；而 webpack serve（即 webpack-dev-server）自带内存文件系统、热更新（HMR）、本地 HTTP 服务和自动刷新能力。如果你需要浏览器自动更新，别折腾 watch + Live Server，直接上 webpack serve 更省心。
