摘要：原文地址：Webpack: The Good, The Bad and The Ugly 引言 webpack，一个简单又复杂的静态模块打包工具，打包一个网页应用只需要花费10分钟到10小时不等。 好的方面 作为一个静态模块打包器，webpack交付一份易于你的浏览器或者node环境解析的打包代码。 阅读全文

摘要：总体优化思路 速度更快，打包速度更快、渲染速度更快 体积更小，打包体积更小、 提前，首屏提前渲染，首屏静态资源预加载、 滞后，非首屏资源按需加载 转移，静态资源转移cdn webpack应用的优化方向 开发体验上，一个是追求构建速度，另一个是响应速度 线上体验，一个是包体积大小，加载速度，首屏响应速 阅读全文

摘要：写在前面 前面几节大概了解了webpack的使用和执行过程，上一节我们知道了webpack的源码编译的库是acorn，那今天我们就来研究一下js编译以及抽象语法树（ast）。我们先来看一个笔试题 问题 将一个 html 字符串变成树的形式 <div id="main" data-x="hello"> 阅读全文

摘要：写在前面 弄清楚了tapable，我们基本上对webpack的plugin没有什么问题了，下面我们将webpack的plugin和loader组合起来看一下。我们主要从以下几个方面来深入研究。照着网上的资料写几个例子（模仿），然后大致了解loader是什么（作用），它是怎么执行的（原理）以及找一个比 阅读全文

摘要：前言 在讲webpack插件之前，我们要先讲一下tapable,tapable是webpack的核心库。我们都知道webpack的编译（Compiler）和构建（Compilation）是最核心的东西，它们都是tapable的子类。我们查看webpack的官方文档时会看到如下api run Asyn 阅读全文

摘要：起因 最近遇到系统优化的需求，webpack作为模块打包工具可以帮助我们。作为webpack的小白，该如何系统的学习呢？首先当然是学会webpack的基本使用，能做出些效果。我们先从最简单的构建目标开始，打包一个helloworld应用程序。源码地址 使用webpack构建一个helloworld程 阅读全文

摘要：写在前面 最近一两个月在思考未来自己的职业规划，团队内小伙伴陆陆续续走的走，来的来。大家都处于职业的焦虑之中，我一直都很想进一家大厂，目前仍然没有机会，也没有能力能够进去。毕业已经3年整了，不能继续说打好基础，把所有的业余精力都放在js基础学习上。应该着眼于自己的优势和有竞争力的方面努力，这样才不容 阅读全文