Это сложный контекст, поэтому я постараюсь быть максимально явным.
Для этого сценария у меня есть 4 проекта:
- A (проект TypeScript)
- B (проект TypeScript)
- C (проект TypeScript)
- D (Angular проект, написанный на TypeScript)
проекты A, B и C являются символическими ссылками (создаются с помощью npm link
), B связан с C, A и C связаны с D,
Это выглядит следующим образом:
D/node_modules/
D/node_modules/A
D/node_modules/C
D/node_modules/C/node_modules/
D/node_modules/C/node_modules/B
Когда я использую эту конфигурацию в VS Code:
{
"name": "Attach2",
"type": "chrome",
"request": "launch",
"url": "http://localhost:8085/",
// This forces chrome to run a brand new instance, allowing existing
// chrome windows to stay open.
"userDataDir": "${workspaceRoot}/.vscode/chrome",
"sourceMaps": true,
"webRoot": "${workspaceRoot}",
"trace": true,
"runtimeArgs": [
"--preserve-symlinks"
],
"sourceMapPathOverrides": {
"webpack:///./*": "${webRoot}/*",
"webpack:///*": "*",
"webpack:///dist/*": "${webRoot}/dist/*",
"webpack:///./~/*": "${webRoot}/node_modules/*",
}
}
Я могу отлаживать только A и C из проекта D, главная проблема в том, что с отладчиком я могу ' я не могу добраться до проекта B и посмотреть, что там происходит, так что ... Я хочу знать, как я могу отладить 3 проекта (A, B и C), когда работает только D? Требуется ли указанная c конфигурация в веб-пакете?
Примечание. Все проекты имеют свои исходные карты.