首页 > Web开发 > 详细

WebPack+WebStorm调试

时间:2017-07-17 23:29:58      阅读:771      评论:0      收藏:0      [点我收藏+]

怎么用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,此时右下角提示
技术分享
  •  (可能需FQ)点击并下载JetBrains IDE Support,安装之后浏览器右上角有个图标,此时只要你在JS代码上打了断点的,会自动跳至对应断点
技术分享
然后右击调试index.html文件,此时浏览器会自动打开页面,并提示正在调试!

技术分享


 

WebPack+WebStorm调试

原文:http://www.cnblogs.com/wandering-wind/p/7197550.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!