基于vue-cli 3构建的项目，VS Code中如何对打包过程进行断点调试？

Question

目前项目基于vue-cli 3创建，通过npm run release实现编译后上传开发机

package.json中部分scrpts如下：

"scripts": {
  "release": "env MODE=release vue-cli-service build"
},

在项目release过程中，依赖了一个npm包实现远端发布功能，现在想在VS Code中对该npm包进行断点调试，求教应该如何设置，目前按照VS Code文档上配置的launch.json没有成功，目前的launch.json和调试面板如下：

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch via NPM",
            "runtimeExecutable": "npm",
            "runtimeArgs": [
                "run-script",
                "release"
            ],
            "port": 9229
        }
    ]
}

启动调试后面板

请教是不是哪里配置的有问题

感谢各位大佬~

Answer 1

像下图这样，直接写要调整的文件的入口地址，及命令行要附带的参数（args）就可以