調試webpack 2生成的包

Question

我有一個非常簡單的hello world ES5應用程序https://github.com/rohans84/webpack-demo我正在試圖獲得一些基本的webpack 2開發。

在爲我的webpack-dev-server構建啓用源映射之後，我可以在Chrome瀏覽器DevTools中的webpack：//部分中查看我的底層代碼的源代碼映射。但是，我在那裏設置的斷點似乎不起作用。

是否需要額外的配置來啓用調試和遵守斷點？如果你不能設置你的底層代碼的斷點，那麼源代碼的重點是什麼？

Answer 1

目前有open issue。最好你可以做的是打破並獲得源代碼中的正確線，但逐步瀏覽將無法在Chrome和FF，AFAIK。

Answer 2

找到答案給有興趣的人。我正在使用inlin源地圖 - 'eval-source-map'devtool來生成源地圖。將其更改爲將源映射生成爲單獨文件的「源映射」可使斷點生效。