クロムのタイスクリプトをデバッグするにはどうすればよいですか？

Question

ブラウザーがJavascriptだけを理解している場合、クロムのtypescriptをデバッグすることができますか？クロム開発者ツールの角型CLIを使用して作成した私の角型プロジェクトで、私はいつも私のタイプスクリプトファイルをデバッグしますが、私はどのようにタイプスクリプトファイルをデバッグできるのかわかりません。誰かが私にそれを説明することはできますか？

Answer 1

Angular CLIはwebpackを使用します。 WebpackがTSをJSに変換するとき、ソースマップを生成するように設定することができます（デフォルトでは）。これは、Chromeがjavascriptコードをtypescriptに戻してデバッグする方法です。角度CLIによって生成された

例tsconfig.json：

{ 
    "compileOnSave": false, 
    "compilerOptions": { 
    "outDir": "./dist/out-tsc", 
    "baseUrl": "src", 
    "sourceMap": true, <--- this right here 
    "declaration": false, 
    "moduleResolution": "node", 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "target": "es5", 
    "typeRoots": [ 
     "node_modules/@types" 
    ], 
    "lib": [ 
     "es2016", 
     "dom" 
    ] 
    } 
}