Sublime Text 本身不运行 Webpack，也做不到真正的 HMR，但可通过正确配置构建系统实现触发 webpack serve、捕获错误、Ctrl+Click 跳转源码及配合 LiveReload 实现“保存即刷新”；关键需设"shell": true、"working_dir": "${project_path}"、devtool: 'source-map'，并确保错误输出为./src/xxx.js:line:col格式。
Sublime Text 本身不运行 Webpack，也做不到真正的 HMR（模块热替换），但你可以让它稳定触发 webpack serve、捕获错误、支持 Ctrl+Click 跳转源码，并配合浏览器 LiveReload 实现“保存即刷新”——前提是构建系统和环境变量配对，错一个点就静默失败。
怎么让 Ctrl+B 正确跑起 webpack serve
Sublime 的构建系统默认走的是 shell 子进程，但 npx 在非交互式 shell 下常找不到本地 webpack，尤其当你用 npm run dev 或直接 npx webpack serve 时。
- 必须在构建配置中显式设
"shell": true，否则npx不加载node_modules/.bin路径 -
"working_dir": "${project_path}"不可省——否则webpack.config.js读不到，__dirname指向错位 - 禁用
--watch阻塞式命令；改用"variants"或搭配Terminus插件后台运行，避免 Sublime 卡死 - 推荐把构建定义写进
.sublime-project，而不是全局设置，避免不同项目 Node 版本或 webpack 版本冲突
为什么 Ctrl+Click 跳不到 src 里的行号
跳转失效通常不是插件问题，而是 sourcemap 输出格式或错误信息路径没对齐。Webpack 默认生成的错误是 ./src/index.js:12:3 这种相对路径，但 Sublime 只认绝对路径或项目根起始的路径。
- 确保
webpack.config.js中开了devtool: 'source-map'（不要用eval-source-map，它不生成物理 .map 文件） - 错误输出格式必须含
./前缀，比如./src/utils.js:5:12；如果显示src/utils.js:5:12（缺./），Ctrl+Click 就失效 - 检查是否启用了
output.pathinfo: true，它会让错误带完整路径，反而干扰跳转 - 确认语法高亮用的是
JavaScript Next，不是原生JavaScript，否则export default会被标红误报
LiveReload 刷新了但看不到错误堆栈
LiveReload 只做页面重载，不接管 Webpack 的错误 overlay，所以控制台报错、终端报错、Sublime 构建面板报错是三套独立系统。你看到“刷新了”，不代表代码真没问题。
- 浏览器里打开 DevTools → Console，看是否有
Uncaught Error—— LiveReload 不拦截 JS 执行错误 - Sublime 构建面板（Ctrl+Shift+B）里要能看到
ERROR in ./src/index.js这类输出，否则说明构建根本没跑起来 - Chrome 的 LiveReload 扩展必须点地址栏旁图标变成实心圆点，且右键项目根目录选
Enable LiveReload，二者缺一不可 - 它不解析 sourcemap，所以点击错误行不会跳到源文件——这是设计限制，不是配置错了
常见报错：require is not defined 或 process is not defined
这是 Sublime 自带的 JS 语法检查器（如 SublimeLinter-jshint）把 Node 环境变量当浏览器环境报错，和 Webpack 运行无关，但会干扰编辑体验。
- 如果你用
SublimeLinter-eslint，确保项目根有.eslintrc.js，且含"env": { "node": true } - 如果没配 ESLint，至少关掉 jshint：
Preferences → Package Settings → SublimeLinter → Settings，加一行"jshint": { "disable": true } -
webpack.config.js必须用module.exports = { ... }写法；ESM 的export default在 Webpack 5+ 里不被默认识别，Sublime 也会报Unexpected token export
真正卡住人的从来不是某一步操作，而是构建系统里 shell、working_dir、devtool、error format 四者之间的隐式耦合——改一个，另外三个可能全崩。调试时别猜，先看 Ctrl+Shift+B 输出的第一行是不是 Starting type checking service... 或 Project is running at http://localhost:8080/，不是就说明构建压根没启动。
