[컴][nodejs] vscode 에서 webpack 에 대한 debugger 사용법

 

node_modules 에 대한 debugger / debugging / 디버거 / 디버깅 /nodejs webpack

vscode 에서 webpack 에 대한 debugger 사용법

webpack 으로 build 하는 경우 webpack 설정이 어떻게 동작하는지에 대해 보고자 debugger 를 attach 하려했다.

그래서 다음처럼 실행하는 것으로 debugger 를 붙일 수 있었다. 다음은 vscode의 launch.json이다.

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "skipFiles": [
                "<node_internals>/**"
            ],
            
            "program": "${workspaceFolder}\\node_modules\\webpack\\bin\\webpack.js",
            "args": [
                "--config",
                "webpack.prod.js"
            ],
            "env": {
                "NODE_OPTIONS": "--openssl-legacy-provider"
            },
            "stopOnEntry": true
        },
    ]
}