如何使用webpack不缩小源代码

上的 

这个webpack JavaScript实用程序已经接管了现代JavaScript领域,以至于很难成为一名JavaScript开发人员而不使用它。JavaScript构建实用程序是它们隐式执行最佳实践的地方,比如最小化代码、缓存等等。

我最近调试了一个捆绑的webpack应用程序,很快就清楚了,唯一的出路是调试实际的源代码,而不是精简的代码。杜。

要防止webpack缩小源,请将以下内容添加到webpack配置中:

{// .... 其他webpack,如输出等。优化:{最小化:false},}

如果只启用一会儿,这个简单的标志会使调试更容易。我喜欢webpack如何让你利用它的功能集,同时能够快速禁用!

最近的功能

  • MooTools模板简介

    使用MooTools JavaScript框架创建UI组件的一个主要问题是,没有一种很好的方式允许自定义模板和轻松创建节点。截至目前,有两种创建方式:新元素疯狂创建UI驱动的第一种方法。。。

  • 如何在覆盆子馅饼上创建复古派–图形化指南

    今天,我们可以在超级功能的游戏机、PC、VR耳机甚至移动设备上玩精彩的游戏。虽然这些天我喜欢玩新游戏,但我非常渴望我小时候拥有的复古游戏系统:最初的任天堂。。。

令人难以置信的演示

  • MooTools Zoomer插件

    我喜欢看看MooTools Forge。作为一个创建大量插件的人,我很高兴看到其他开发人员正在创建什么,甚至可能我可以如何改进他们。我发现一个很棒的插件是。。。

  • Xbox Live玩家API

    撇开我的神枪手身份不谈,我一直感到惊讶的是,微软从来没有为用户、他们玩的游戏以及游戏中的统计数据提供API。也就是说,我想公开羞辱我用我的…洗礼过的每一个n00b。。。

讨论

  1. 您可能还想使用devtool:'源映射'为捆绑包启用高分辨率源映射。它将使使用浏览器开发工具进行调试变得非常容易。(它们可以识别源映射,甚至可以在查看原始源文件时进行断点调试!)

  2. 里昂

    我继承了一个项目,并试图找出如何编辑配置文件以阻止WebPack完全绑定CSS。

    我认为方法是创建两个单独的文件,一个用于开发,另一个用于生产构建。然后将它们附加到package.json>脚本并根据其预期用途单独启动。

将代码打包<pre class=“{language}”>标签,链接到GitHub要点、JSFiddle提琴或CodePen笔进行嵌入!