2017-02-10 7 views
0

最近、Angular2テンプレートで[email protected]を使用し始めました。これは初めてwebpackビルドを使用しているので、まだwebpackで私の足を私の下に置いています。Webpackソースマップ

最初に気がついたことの1つは、Chromeのデバッグツールにあったのですが、(ソースマップで提供されているように)Webアーチファクトにコンパイルされたファイルのリストがなくなりました。代わりに私はちょうど単一のファイルmain.bundle.jsを持っています。

私は/ debugと一緒に作業したい特定のファイルに簡単にナビゲートできるソースマップと同様のレイアウトを持つ方法がありますか? (私も間違っているかもしれません)

答えて

0

ソースファイルは、Chrome Devtoolsの[ソース]タブのwebpack://擬似パスに表示されます。

enter image description here

+0

私は 'localhostを参照してください。9000'と'(ドメインなし) 'ソースページの先頭の要素の下で。 '(ドメインなし)'には 'ngfactory.js'ファイルがすべて含まれています。 Chromeプラグインなどがありますか? –

+0

特別なプラグインはなく、Chromeのdevtoolsのみです。私のスクリーンショットでは、webpackの下とappの下の2つの場所に、アプリのソースファイルが表示されます。 –

関連する問題