2016-08-29 3 views
0

私はangular2を初めて使っています。prodでデバッグ用の `ts`ファイルを追加するには?

私はアプリケーションを作成し、それをprodにデプロイしたいと考えています。

私は、だから私はnpm build -devまたはnpm build -prodを使用して、それを構築し、角度-CLI

を使用して、それを足場。

しかしそれもnpm build -devを使用した場合distフォルダjsなくtsファイル

に展開します。

どのようにしてtsファイルを追加することもできますが、私はChromeのブラウザでもそれをデバッグできますか?

手動で追加する必要がありますか?

答えて

1

私はあなたがソースマップを探していると思います。

クローム

"compilerOptions": { 
    "sourceMap": true, 
    ... 
    } 

でtypescriptですが見るためにあなたのtsconfig.jsonでそれらを有効にするただし、クロム開発ツールはtypescriptですし、ソースマップの問題を持っているようです。これは、アプリケーションをデバッグするための信頼できる方法ではありません。

+0

ありがとうございますが、その前に、ビルド先フォルダ 'dist'に' ts'ファイルを含めるにはどうすればいいですか? –

+0

する必要はありません。ソースマップを生成しましたか? – j2L4e

+0

私は既にこのフラグをtrueにしていましたが、ブラウザを使ってどのようにデバッグするのですか? –

0

"TypeScriptは、プレーンJavaScriptにコンパイルされたJavaScriptの型付きスーパーセット"ですが、 "ng build"(--prodなし)を試してみるとtsファイルを確認できません。これはバンドルなしでビルドされるため、 jsソースファイル。

+0

生成されたjsファイルをデバッグするのは難しいです。私が書いたTypeScriptコードをデバッグしたい。そのため、私はそれらを展開フォルダに追加する方法を尋ねました。 –

関連する問題