调试webpack配置文件
调试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,其实有更香的方式
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
2021-11-16 npm编译文件自动打开文件目录并压缩命令
2021-11-16 Mac软链接hosts文件到桌面
2016-11-16 onscroll事件的浏览器支持
2016-11-16 cookie, localStorage, sessionStorage区别
2016-11-16 string.replace正则表达式说明