web pa c k
40篇文章 · 0订阅
  • 你不知道的「pitch loader」应用场景
    「图文并貌」 探索Webpack团队设计Pitch Loader的含义，从Loader的设计哲学带你掌握Pitch Loader的真实应用场景。
    Webpack 前端
    你不知道的「pitch loader」应用场景
  • 一文了解Webpack中Tapable事件机制
    引言 Webpack 是前端工程化常用的静态模块打包工具。在合适的时机通过 Webpack 提供的 API 改变输出结果，使 Webpack 可以执行更广泛的任务，拥有更强的构建能力。 Webpack
    前端 JavaScript 架构
    一文了解Webpack中Tapable事件机制
  • Webpack深度进阶：两张图彻底讲明白热更新原理！
    在现如今，热更新早已成为前端基建中不可或缺的一环，它可以在不刷新整个页面的情况下更新页面中的部分内容，从而提高开发效率，优化开发体验。然而，在实际面试的过程中，笔者发现 80% 的人并不清楚这其中的设
    前端 架构 JavaScript
    Webpack深度进阶：两张图彻底讲明白热更新原理！
  • 二十张图片彻底讲明白Webpack设计理念，以看懂为目的
    Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。
    前端 架构 JavaScript
    二十张图片彻底讲明白Webpack设计理念，以看懂为目的
  • 【中级/高级前端】为什么我建议你一定要读一读 Tapable 源码？
    所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式
    前端 架构 JavaScript
    【中级/高级前端】为什么我建议你一定要读一读 Tapable 源码？
  • 手写webpack tapable源码，官方tapable的性能真的就一定是好的吗？
    手写webpack tapable源码，new Function动态生成函数执行体，Hidden Class、单态性在tapable源码中的使用
    Webpack
  • Tapable，看这一篇就够了
    「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。
    前端 Webpack
    Tapable，看这一篇就够了
  • 五千字长文，带你手写一个 mini webpack，再也不怕面试官问你 webpack 原理了
    前言 最近一直在看 webpack 相关的知识，无论是相关的打包流程，还是一些更深层次的原理，都想以我的角度，一种更为浓缩的方式分享给大家，思来想去，手写 webpack 似乎是一个不错的方式，在这里
    前端 Webpack
    五千字长文，带你手写一个 mini webpack，再也不怕面试官问你 webpack 原理了
  • 前端工程化基建探索（4）从源码出发探索理解webpack核心特性
    webpack作为模块打包工具，在前端界可以说是恶棍天使一般的存在，前端人对它大多数对它都是咬牙切齿的....webpack已经更新到V5.75，再次重新去“顺藤摸瓜”式的去粗读源码，温故知新
    前端
    前端工程化基建探索（4）从源码出发探索理解webpack核心特性
  • Webpack 5模块联邦引发微前端的革命？
    在当前的微前端实现中，我们需要通过一系列的技巧去实现。正如上图所示，微前端的公共依赖加载目前并没有非常好的实现方案。然后，Webpack 5中的模块联邦将会改变这一现状。 模块联邦可以去依赖一个远程模块，这个依赖会在运行时生效，并不影响编译时。因此，这个远程依赖的模块就可以是一…
    前端