node.js - 在 docker 容器内调试 Angular

Question

我有一个简单的 Angular 应用程序，它位于一个简单的 docker 容器中。我正在尝试使用 WebStorm 附加调试器，但目前没有任何乐趣。我没有太多 JS/Angular 经验也无济于事

docker 文件:

FROM node:12
RUN npm install -g @angular/cli
ENV APP_DIR=/usr/src/app
RUN mkdir -p ${APP_DIR}
WORKDIR ${APP_DIR}
EXPOSE 4200

docker-compose.yml:

version: "3"
services:
  angular-poke-front-end:
    build: .
    ports:
      - "4200:4200"
    volumes:
      - ../:/usr/src/app
    entrypoint: [ "npm", "start" ]
    environment:
      NODE_ENV: "development"

Package.json:

{
  "name": "front-end",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --host 0.0.0.0",
    "debug": "",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
...

我想我的 package.json 文件中需要一个调试脚本，但我不知道如何配置它，然后从我读过的其他资源中我可能需要传递一个调试标志？

Answer 1

这是一篇关于 subject 的好文章否则，您还可以使用例如 chrome 开发工具从浏览器调试您的代码