sublime text需正确配置构建系统才能稳定运行webpack：必须设"shell": true以加载path，working_dir用"${project_path:${folder}}"确保找到package.json，file_regex需匹配"./src/file.js:line:col"格式以支持ctrl+click跳转。
Sublime Text 本身不运行 Webpack，但能稳定触发构建、捕获错误、支持 Ctrl+Click 跳转——前提是构建系统配置对了 working_dir、shell 和执行方式。错一个点，npx webpack 就找不到本地安装，Ctrl+B 就静默失败。
构建系统必须设 shell: true 且 working_dir 正确
Sublime 默认用 exec 模式调用命令，不加载 shell 环境变量（比如 PATH），导致 npx 找不到项目本地的 webpack 或 webpack-cli。
- 必须显式加
"shell": true，否则npx、npm run都会失败 -
working_dir必须设为"${project_path:${folder}}"，不能是"$file_path"—— 否则在子目录下按Ctrl+B时，package.json找不到 - 如果项目用了 pnpm/yarn，把
["npm", "run", "build"]换成["pnpm", "run", "build"]或["yarn", "build"]
正确示例：
{
"cmd": ["npm", "run", "build"],
"working_dir": "${project_path:${folder}}",
"shell": true,
"file_regex": "^(.*?):(\d+):(\d+):\s*(.*)$",
"selector": "source.js"
}
webpack.config.js 高亮和语法检查要绕过浏览器环境误报
Sublime 默认把 webpack.config.js 当作浏览器 JS 解析，require、__dirname、module.exports 会被语法检查插件标红，实际并无问题。
- 右键文件 → Set Syntax → 选
JavaScript Next（不是原生JavaScript），它支持 spread、ESM 导出等现代语法 - 如果用了
SublimeLinter-eslint，确保项目根目录有.eslintrc.js，且含"env": { "node": true } - 若没配 ESLint，直接禁用
jshint：Preferences → Package Settings → SublimeLinter → Settings → 用户设置里加"linters": { "jshint": { "disable": true } }
Watch 模式别用阻塞式 --watch，改用 variants 或 Terminus
直接在构建系统里写 ["npx", "webpack", "--watch"] 会导致 Sublime 卡死——因为构建进程不退出，编辑器无法响应后续操作。
- 推荐方案：用
variants分离 “编译一次” 和 “监听启动” 两个动作 - 监听任务交给
Terminus插件（安装后Ctrl+Shift+P→Terminus: Open Default Shell in Panel），再手动运行npm run dev - 如果坚持用构建系统启动 watch，必须加
"quiet": true并配合"target": "exec"，但依然不如 Terminus 稳定
跳转和 sourcemap 必须对齐路径格式
Webpack 错误输出形如 ./src/index.js:12:3，Sublime 才能通过 Ctrl+Click 跳转到对应行；否则只显示错误文本，无法定位。
- Webpack 配置里确保
devtool: 'source-map'或'cheap-module-source-map' - 构建系统的
file_regex必须匹配该格式："file_regex": "^(.*?):(\d+):(\d+):\s*(.*)$" - 路径前缀（如
./src/）不能被 Webpack 输出成绝对路径或webpack:///开头，否则跳转失效
真正卡住人的从来不是“怎么装”，而是 working_dir 没对齐、shell 没开、file_regex 没配准这三处——它们共同决定错误能不能看到、能不能点进去、能不能立刻重试。
