配置Webpack允许浏览器调试

我是webpack的新手,我正在转换现有的Web应用程序以使用它。

我正在使用webpack捆绑并缩小我的JS,这在部署时很棒,但是这使得在开发过程中进行调试非常困难。

通常,我使用chrome的内置调试器来调试JS问题。(或Firefox上的Firebug)。但是,对于webpack来说,所有内容都填充在一个文件中,使用该机制进行调试变得非常困难。

有没有一种方法可以快速打开和关闭捆绑?或打开和关闭缩小?

我已经看过是否有一些脚本加载器配置或其他设置,但是它看起来并不明显。

我还没有时间将所有内容转换为模块和使用需求。因此,我只需使用require(“ script!./ file.js”)模式进行加载。

Mandy2020/03/23 09:38:39

正如已经指出的那样,源映射非常有用。
但是有时选择要使用的源地图可能会很麻烦。

Webpack源地图问题之一的此评论可能有助于根据需求选择要使用的源地图。

凯西里2020/03/23 09:38:39

在这里看看

它的美化器可减少javascript的使用。在底部,它具有浏览器的各种插件和扩展的列表,请检出它们。

您可能对FireFox Deminifier感兴趣,它应该可以在从服务器中检索JavaScript时对其进行精简和样式设置。

在此处输入图片说明