Отладка, производственный проект Angular 7 с помощью свойства angular.json sourceMap - PullRequest
0 голосов
/ 10 апреля 2019

Мне нужно отлаживать / отслеживать исходные коды внешнего интерфейса, написанные Angular версии 7 и развернутые / опубликованные на сервере в инструментах разработчика браузера.

Я нашел некоторые решения, такие как установка некоторых конфигураций в angular.jsonно ни один из них не работает.

angular.json

"sourceMap": true

or 

"sourceMap": {
  "hidden": true,
  "scripts": true,
  "styles": true
}

, но не работает.

Мне нужно что-то вроде папки webpack: // во вкладке Sources на Google ChromСредство разработчика для установки точек останова и может отслеживать исходный код (Typescript), но в рабочем режиме, который уже опубликован на сервере IIS.

Большое спасибо!

Ответы [ 2 ]

0 голосов
/ 12 апреля 2019

@ Nanotron,

не работает, процесс сборки / развертывания переходит в Halting при 95% испускания index-html-webpack-plugin (Angular ver. 7),

простокак что-то, что мы пробовали с угловым кликом,

Остановка при 95% испускании index-html-webpack-plugin (Angular ver. 7)

0 голосов
/ 11 апреля 2019

@ Nanotron, версия 7 проекта Angular была интегрирована с проектом API .Net core2.1 с использованием VS 2019, поэтому я опубликовал / развернул проект с помощью функции публикации VS, и я уже установил команду сборки в пакете. что-то вроде этого,

package.json

 "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --prod --aot --base-href /ProjectName/",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

Так что я думаю, что вы имеете в виду, я должен изменить эту встроенную команду примерно так

"build":"ng build --prod --aot --base-href /ProjectName/ --source-map=true"

вместо модификации, атрибут файла angular.json "sourceMap": true в

"production": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ],
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true
            }

Хороший намек! Я попробую и поделюсь результатами! Большое спасибо!

...