调试,Angular 7生产项目通过set Angular.json sourceMap属性生成

调试,Angular 7生产项目通过set Angular.json sourceMap属性生成,angular,debugging,build,production,Angular,Debugging,Build,Production,我需要在browser developer tools中调试/跟踪Angular version 7编写并部署/发布在服务器上的前端源代码 我在angular.json中找到了一些解决方案,比如设置一些配置,但没有一个有效 angular.json "sourceMap": true or "sourceMap": { "hidden": true, "scripts": true, "styles": true } 但是不起作用 我需要像Google Chrom devel

我需要在browser developer tools中调试/跟踪Angular version 7编写并部署/发布在服务器上的前端源代码

我在angular.json中找到了一些解决方案,比如设置一些配置,但没有一个有效

angular.json

"sourceMap": true

or 

"sourceMap": {
  "hidden": true,
  "scripts": true,
  "styles": true
}
但是不起作用

我需要像Google Chrom developer工具上的Sources选项卡中的webpack://folder这样的东西来放置断点,并且可以跟踪源代码(Typescript),但是在已经在IIS服务器上发布的生产模式下


非常感谢

@Nanotron,Angular项目版本7已经使用VS 2019与.Net core2.1 API项目集成,因此我发布/部署了VS发布功能的项目,并且我已经在package.json中设置了类似的build命令

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”不是修改,而是在

好提示! 我将尝试它,并将分享结果! 非常感谢

纳米电子

它不起作用,构建/部署过程将在95%的时候停止,并发出索引html网页包插件(Angular ver.7)

就像我们用angular cli做的一样


应用程序是如何构建的?在构建应用程序时使用--sourceMap=trueapplication@NanotronAngular project版本7已使用VS 2019与.Net core2.1 API集成,因此我通过VS发布功能发布/部署项目,并且我已经设置了
"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
            }