2017-02-10 67 views
0

我最近開始使用[email protected]和Angular2模板。這是我第一次使用webpack構建,所以我仍然努力讓自己的腳步通過webpack。Webpack源地圖

我注意到的第一件事是在Chrome調試工具中,我不再有編譯到Web工件(由源地圖提供)中的文件列表。相反,我只有一個文件main.bundle.js

有沒有一種方法可以與源映射具有相似的佈局,在這種佈局中,我可以輕鬆地導航到我想要使用/調試的特定文件? (我也可能做錯了)

回答

0

您的源文件應該在Chrome Devtools的Sources選項卡中的webpack://僞路徑中可見。

enter image description here

+0

我只看到'本地主機:9000'和'(無域)'來源頁面頂端的元素。 '(no domain)'包含所有'ngfactory.js'文件。有沒有Chrome插件或我錯過了什麼? –

+0

沒有特別的插件,只有Chrome devtools。在我的屏幕截圖中,您將在兩個位置看到應用程序源文件:在webpack下和應用程序下。 –