sublime text 运行 webpack 需手动配置构建系统三要素：cmd 用 ["npx", "webpack", "--config", "webpack.config.js"]，working_dir 设为 "${project_path}"，shell 必须为 true；错误跳转需 sourcemap 与标准路径格式匹配；--watch 应另起终端运行，不可集成进构建命令。
Sublime Text 本身不提供“Webpack 配置插件”——它没有像 VS Code 那样内置语言服务器或 Webpack 专用配置向导。所谓“支持”，全靠手动配构建系统 + 外部工具链协同，错一个字段（比如漏掉 shell 或写错 working_dir）就直接静默失败。
为什么装了 Nodejs/Babel/ESLint 插件还跑不动 webpack
这些插件只管语法高亮、代码检查、补全，和执行 webpack 命令完全无关。真正决定能否跑起来的是 .sublime-build 文件里的三要素：cmd、working_dir、shell。常见现象是 Ctrl+B 没反应、终端报 command not found，根本原因不是插件没装，而是构建系统没告诉 Sublime 去哪找 npx 和项目级 webpack。
-
shell: 必须设为true，否则 Sublime 不走 shell 环境，PATH 里有npx也看不见 -
working_dir: 必须显式写成"${project_path}"，否则npx不会进当前项目的node_modules/.bin -
cmd: 别写["webpack"]，得用["npx", "webpack", "--config", "webpack.config.js"]，确保调用项目本地版本
如何让错误信息可点击跳转到源码行
Webpack 输出的错误要能 Ctrl+Click 跳转，得同时满足两个硬性条件：sourcemap 生成 + 错误格式匹配。Sublime 不解析 sourcemap，只认字符串模式，比如 ./src/index.js:12:3 这种结构。
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- Webpack 配置里必须开启
devtool: 'source-map'或'inline-source-map' - 构建系统中禁用
--no-color、不要重定向stderr到文件，否则原始错误格式被破坏 - 如果用
npm run build包装，建议在脚本里加--display-error-details，增强路径上下文
Watch 模式不能直接塞进 Build System
把 --watch 写进 cmd 会导致 Ctrl+B 后 Sublime 卡死——因为原生构建系统是同步阻塞执行的，webpack --watch 不退出，编辑器就无法响应后续操作（包括保存、切换标签、甚至关窗口）。
- 正确做法是拆开：用 Build System 跑一次
npm run build，再另起一个Terminus终端常驻npm run watch - Save Actions 插件只能触发非阻塞命令，切勿给它配
--watch，否则保存文件时编辑器会卡住几秒 - 如果项目用
pnpm，cmd改成["pnpx", "webpack"]，并确认pnpx在系统 PATH 中
最易被忽略的点是 working_dir 的值：很多人写成 "${folder}" 或留空，结果 npx 在用户 home 目录下找 node_modules，自然找不到项目里的 webpack。必须用 "${project_path}"，且确保你已通过 Project → Save Project As… 保存过 .sublime-project 文件——否则这个变量为空。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
