调试webpack配置文件

发布时间 2023-11-16 14:12:12作者: 看风景就

调试webpack配置文件,可细致查看配置选项变量,可方便判断配置失效的问题

具体步骤

1. vscode在调试菜单创建launch.json文件

2. 在launch.json文件添加配置

3. 选择nodejs通过npm启动

4. 修改npm启动命令为待调试的命令

5. 通过launch via NPM按钮启动调试(之前要在具体语句出先打断点)

至此,已经完成,自动创建 .vscode文件夹和launch.json文件,启动node进行进行调试的功能。

此方法可用于调试任何npm命令程序,本质就是调试node_modules/.bin目录下的命令文件, 也就是js文件

说明:

1. 调试默认输出再调试控制台,要修改为默认终端可以通过console配置项

2. 也可通过 launch program 的方式添加配置来启动调试

此时需要在 args配置项中添加 命令参数,npm start,就是start

 

具体可参考 跑 npm scripts,其实有更香的方式