grunt ：本质为Task render，将事件划分成一个个任务。在打包过程可以划分为：解析HTML，解析CSS，解析js等等，将输入的内容存储到本地磁盘的temp目录下，因为存在磁盘的写入的IO操作，导致打包的速度相对较慢。 glup：为了解决grunt打包慢的问题。出现了…

webpack是一个打包工具，他的宗旨是一切静态资源皆可打包。有人就会问为什么要webpack？webpack是现代前端技术的基石，常规的开发方式，比如jquery,html,css静态网页开发已经落后了。现在是MVVM的时代，数据驱动界面。webpack它做的事情是，分析你的…

webpack5即将发布，打算趁发布前踩个坑，之前从alpha版本就有关注，本次重点更新在长期缓存，tree shakking和es6打包这块，具体更新日志可以参考官方。 node版本更新为v10。 webpack5默认采用es6代码进行输出，4是es5的(可通过设置outpu…

持续更新中... webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件（图片，字体）等，让开发更高效。对于不同类型的依赖，webpack有对应的模块加…

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

你盼世界，我盼望你无bug。Hello 大家好！我是霖呆呆！ 先简单说一下标题的前因后果，避免吃瓜群众不明白何为"呆妹"。 设计师，配几个狗头的表情包。 好嘞。 所以这波安排一下"呆妹"吧，谁叫我是一个信守承诺的博主呢。 （希望大家不要像此博主一样为了人气不择手段败坏掘金的风气…

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

文章内容参考书籍《深入浅出 Webpack》，因为该书籍基于 Webpack 3.4.0 版本，本文的实践基于 Webpack 4.28.2 版本，所以也踩了不少由于模块版本问题出现的坑，已经汇总到第 6 章节 踩坑汇总，大家记得避免踩坑；也印证了那句哲理：纸上得来终觉浅，绝知…