WebPack+WebStorm調試


怎么用webstorm來調試WebPack?

今天查了很多文檔,最終在官網上耐心看完英文文檔后,才解決。附上鏈接: https://blog.jetbrains.com/webstorm/2015/09/debugging-webpack-applications-in-webstorm/

工具簡介

Windows7
WebStorm2017
Webpack2
谷歌瀏覽器(默認瀏覽器)

操作

  • 在Project視圖里找到index.html,右擊進入Debug模式

  •  WebStrom會自動進入Debug模式,瀏覽器自動打開index.html,此時右下角提示

  •  (可能需翻牆)點擊並下載JetBrains IDE Support,安裝之后瀏覽器右上角有個圖標,此時只要你在JS代碼上打了斷點的,會自動跳至對應斷點
然后右擊調試index.html文件,此時瀏覽器會自動打開頁面,並提示正在調試!


 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM