webpack5 已经发布，列举了主要的新特性及使用方法：内置静态资源、长期缓存、更好的treeshaking、模块联邦。

本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。

看完这篇文章，你要是还搞不懂webpack编译流程算我输！ 教会你面试话术！ 教会你如何分析源码！ 教会你如何写一个webpack！

webpack ensure 有人称它为异步加载，也有人称为代码切割，他其实就是将 js 模块给独立导出一个.js 文件，然后使用这个模块的时候，再创建一个 script 对象，加入到 document.head 对象中，浏览器会自动帮我们发起请求，去请求这个 js 文件，然后…

老丈人爱吃核桃，昨天买了点陪媳妇儿送去，老丈人年轻时练过武，用手一拍核桃就碎了，笑着对我说：“你还用锤子，你看我用手就成”。我嘴一抽，来了句：“人和动物最大的区别就是人会使用工具”…… 虽然是个笑话，但是说得非常有道理的。人类从以前的石器时代到现在的信息科技时代，汽车代替了马车…

最近一段时间在开发 JavaScript SDK，讲究 原生、短小、快速、清晰、可读性、可测试性 等等。 而 SDK开发 关键的一环则是 打包， 恰恰打包这一环决定了 SDK 的体积（短小）、引入方式（原生）,一部分速度问题（快速）。 开发过程中分别使用 Webpack5 与 …

在上一篇文章Webpack配置全解析介绍了Webpack中loader和plugins的一些基本用法，当loader和plugins使用较多后项目也会越来越耗时，因此这次我们继续学习如何优化webpack的配置来让我们的项目运行的更快耗时更短。 本文将从缩小文件搜索范围、减少打…

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…

大家好，之前出了一篇面试篇webpack入门，这篇文章继续介绍接下来更深入东西。 讲道理大家都是直接import一个loader或者使用webpack内置的loader的。 其实和正常载入loader一样，只是这里指向的是本地文件的路径。 当使用多个loader的时候，从传入l…