配置Webpack允许浏览器调试

JavaScript Webpack

Tony西门

2020-03-23

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

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

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

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

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

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

第2605篇《配置Webpack允许浏览器调试》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
Mandy 2020.03.23

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

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

凯西里 2020.03.23

在这里看看

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

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

在此处输入图片说明

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android