如何用WebStorm調試Webpack-dev-server（在內存中）？

按WebStorm他們要求我們調試針對dist目錄中規定： https://blog.jetbrains.com/webstorm/2015/09/debugging-webpack-applications-in-webstorm/如何用WebStorm調試Webpack-dev-server（在內存中）？

然而，按的WebPack推薦的開發過程中，我們應該運行的WebPack-dev的服務器，所以一切都在內存中：

的WebPack-DEV-服務器-inline -progress -colors -display-錯誤細節-display緩存-hot -port = 3000

所以沒有dist目錄，其中contridicts例子發佈@：https://blog.jetbrains.com/webstorm/2015/09/debugging-webpack-applications-in-webstorm/

有沒有辦法讓webpack-dev-server使用dist dir，以便WebStorm可以映射到它，以便我們可以使用源地圖進行實時調試？

僅供參考，這是我使用的測試項目：

https://github.com/ocombe/ng2-webpack

肖恩

來源

2016-01-12 born2net

如你所知，你必須創建一個源分佈/產品包然後在WebStorm中使用它進行調試。就我個人而言，當我運行webpack-dev-server時，我使用Karma運行測試。 Karma測試可以使用調試器運行，並且通常滿足我的任何調試需求，而webpack-dev-server提供了我的「手動測試」以瞭解我的工作情況。

我想我要說的是你的情況......你可以讓開發服務器運行，與此同時，有一些自動生成的源地圖可以在同一時間運行，你可以運行並使用調試器。這可能是密集型的，但這取決於你的內存和處理能力。

來源

2016-01-12 19:40:23

和你用Webstorm內部的斷點調試？ – born2net

是的，同時使用我的業力任務跑步者。我不知道你是否使用測試，但這就是爲什麼我想象你可以在調試的同時運行一個進程，即使開發服務器不能。 –

已更新的答案，希望更清晰。 –

最後我用活服務器https://github.com/tapio/live-server和遵循本教程中，工作... https://blog.jetbrains.com/webstorm/2015/09/debugging-webpack-applications-in-webstorm/（只是不能使用內置在服務器的WebPack，但沒關係）

來源

2016-01-13 16:32:14 born2net

目前WebStorm 需要創建來自WebPack的Bundle + SourceMap來分析它並且找到的實際斷點。

因此，在短期，你不能調試的WebPack應用只是用的WebPack DevServer。然而，你可以運行正常的WebPack建立與文件並行看着它：`

來源

2016-05-18 09:35:30

我想補充一點，你可以把聲明

調試;

在你的JavaScript /打字稿即使文件中的角或vue2框架文件，如* .vue

所以，即使你的路徑映射到URL不工作，就會反正步驟。

來源

2017-12-20 19:42:20 1P0

如何用WebStorm調試Webpack-dev-server（在內存中）？

回答

相關問題