可直接调试 webpack.config.js/ts：在 launch.json 中配置 type 为 "node"，program 指向 webpack 入口或配置文件本身，开头加 debugger 或在 module.exports 前打断点，f5 启动即可停住；函数式配置需在 args 中显式传入 --mode 等参数以确保 env/argv 正确。
直接调试 webpack.config.js 或 webpack.config.ts
VSCode 本身不运行 Webpack，但可以调试它的配置文件——本质是调试一个 Node.js 脚本。Webpack CLI 的入口（如 node_modules/.bin/webpack）最终会 require 并执行你的配置文件，所以只要让 VSCode 启动这个过程并挂上 debugger 就行。
关键不是“连 Chrome”，而是用 type: "node" 模式启动 npm script 或直接运行配置文件：
- 在
.vscode/launch.json中添加一个Node.js类型的配置，program指向node_modules/.bin/webpack（Linux/macOS）或node_modules/.bin/webpack.cmd（Windows） - 或者更简单：把
program设为"${workspaceFolder}/webpack.config.js"，再加"args": ["--help"]触发加载（Webpack 会读取配置但不真正打包） - 在配置文件导出语句前打个断点，比如
module.exports = {...}上一行，F5 启动后就能停住
npm run build 命令卡住时怎么定位是哪行配置出问题
很多项目用 npm run build 调用 Webpack，但错误堆栈常被封装掉，看不出是 resolve.alias 写错，还是 plugins 构造函数抛了异常。这时候不能只看终端报错，得进调试器看变量值。
实操建议：
- 在
launch.json中新建配置，"type": "node"，"program": "npm"，"args": ["run", "build"] - 确保
console设为"integratedTerminal"，否则看不到 Webpack 的实时日志 - 在
webpack.config.js开头加debugger;，或在疑似出错的插件初始化位置打断点（比如new MyPlugin()行） - 注意：如果配置是函数形式
module.exports = (env, argv) => {...}，断点要打在函数体内部，而不是export语句上
调试 webpack.config.ts 需要额外装什么
不用额外装 TS 运行时。VSCode 调试器通过 node 执行，而 ts-node 通常已随 Webpack CLI 或项目 devDependencies 安装。但必须确认两点：
Pandas 配置文件报告生成器
下载
使用ydata-profiling（前身为pandas-profiling）生成全面的数据质量报告，包含相关性分析、缺失值模式和基数检测。导出交互式HTML仪表板和JSON摘要。
- 你的
package.json中scripts.build确实调用了支持 TS 的打包命令，例如webpack --config webpack.config.ts（Webpack 5+ 原生支持） -
launch.json中不要设"runtimeExecutable": "ts-node"—— 这是旧方式，现在直接让 Webpack 自己处理 TS 即可 - 如果仍报
Cannot use import statement outside a module，说明 Node 版本太低或没启用 ESM 支持，临时改成module.exports = {...}写法更稳妥
为什么断点进了配置文件，但 env 或 argv 是 undefined
Webpack 配置函数签名是 (env, argv) => config，但 VSCode 默认启动时不会传这两个参数，除非你显式指定。
常见错误现象：
- 断点停住了，但
env是{}，argv.mode是undefined - 配置里写了
if (env.NODE_ENV === 'production')，结果永远走不到
解决方法：
- 在
launch.json的args中补全：比如["--config", "webpack.config.js", "--mode", "production"] - 或者改用
"runtimeArgs"字段传给 Node，但更推荐前者——它模拟真实 CLI 调用行为 - 如果用的是函数式配置，可在断点处手动输入
env和argv查看结构，比猜快得多
真正容易被忽略的是：Webpack 配置文件的执行上下文完全由 CLI 控制，VSCode 只是宿主。断点能停住，不代表参数自动就位；参数对不上，配置逻辑就可能跳过关键分支。
