用Visual代码调试JHipster前端

Question

我已经安装了VS代码的Chrome调试器扩展。如何在调试模式下调用webpack的JHipster角度应用程序？

JHipster角在<application>/src/main/webapp/app下，webpack构型在<application>/webpack/webpack.dev.js下。

谢谢。

Answer 1

提出来的步骤

1. 在应用程序root级别打开文件夹或创建项目，而不是<your-app>/src/main/webapp或<your-app>/src/main/webapp/app。
2. 添加铬调试器配置如下。确保端口是9000。
3. 启动JHipster后端：mvnw -P-webpack -Dmaven.test.skip=true
4. 启动JHipster前端角：npm start
5. 在你的角度项目中设置必要的断点
6. 启动#1调试器配置文件(F5或play按钮)

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:9000",
            "webRoot": "${workspaceFolder}"
        }
    ]
}