天天看點

angular 7.2 調試庫

預設angular不會生成庫的map檔案,是以無法調試庫,非常麻煩,需要進行如下設定才可以

angular.json相應的庫檔案配置部分,加上如下配置:

"architect": {
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "sourceMap": {
              "scripts": true,
              "styles": true,
              "vendor": true
            }
          }
        },
           

啟動:

ng serve --vendor-source-map
           

系統會提示說Option "vendorSourceMap" is deprecated. ,不用理會,等編譯快完成時,控制台會提示庫檔案的map已經生成,斷點設定一下,在webstorm裡以debug模式啟動時,執行到了斷點處就會停下,vscode沒試過,可能需要在launch.json配置下

參考:

https://stackoverflow.com/questions/50775520/how-do-you-debug-an-angular-6-library

https://stackoverflow.com/questions/55690465/vendorsourcemap-deprecated-in-angular-cli-7-2

vscdoe參考:https://developers.de/2018/09/05/angluar-library-debugging/

Done!