[转］ webpack debug in webstorm

最新推荐文章于 2024-06-24 22:29:59 发布

转载最新推荐文章于 2024-06-24 22:29:59 发布 · 148 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qiangxia/p/5348143.html

文章标签：

#webpack #javascript #ViewUI

本博客指导如何在WebStorm中配置Webpack构建的客户端应用程序进行调试，通过修改tools/config.js文件设置devtool，构建应用后运行server.js启动服务器，并排除构建目录，创建JavaScript调试配置，将src文件夹中的断点映射到服务器端。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先run build，然后用node server.js来做

WebStorm 11 adds support for debugging client-side apps built with Webpack, though you need to configure the mappings as described in this blog post.
First, in tools/config.js change devtool: DEBUG ? 'cheap-module-eval-source-map' : false, to devtool: DEBUG ? 'source-map' : false,
Then build the app and run server.js from the command line or using Node.js run configuration.
Exclude build directory from the project.
Then create new JavaScript debug configuration for the URL http://localhost:5000
In the run configuration map build/public to http://localhost:5000 and project root to webpack:///.
Now you can put breakpoints in the original files in src folder and start JavaScript debug session.