调试,Angular 7生产项目通过set Angular.json sourceMap属性生成
我需要在browser developer tools中调试/跟踪Angular version 7编写并部署/发布在服务器上的前端源代码 我在angular.json中找到了一些解决方案,比如设置一些配置,但没有一个有效 angular.json调试,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
"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
}