webpack
13篇文章 · 0订阅
  • 【中级/高级前端】为什么我建议你一定要读一读 Tapable 源码？
    所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式
    前端 架构 JavaScript
    【中级/高级前端】为什么我建议你一定要读一读 Tapable 源码？
  • Webapck5核心打包原理全流程解析
    「万字解析」300行代码梳理webpack核心工作流源码，从工程化出发，真正搞懂webpack背后打包机制。带你走进webpack生态开发的世界，真正对应用webpack了然于胸。
    Webpack 前端
    Webapck5核心打包原理全流程解析
  • 如何优雅地编写一个高逼格的JS插件惊艳你的领导和同事？
    在一个风和日丽的早晨，我正悠闲地喝着Coffe，突然领导向我走来，我赶紧熟练地切出VSCode，淡定自若地问：领导，什么事？领导拍了拍我的肩膀：你上次封装的方法同事跟我反馈使用起来很不错啊，你不如做成
    前端 JavaScript 面试
    如何优雅地编写一个高逼格的JS插件惊艳你的领导和同事？
  • Tapable，看这一篇就够了
    「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。
    前端 Webpack
    Tapable，看这一篇就够了
  • webpack原理 - ModuleGraph原理
    webpack内部是以什么样的数据结构来体现模块之间的依赖关系？ ModuleGraph是如何收集构建的？
    Webpack
    webpack原理 - ModuleGraph原理
  • webpack原理解析【长文万字】
    大家好，我是Webpack，AKA打包老炮，我的slogan是："打天下的包，让Rollup无包可打"
    Webpack 前端框架
    webpack原理解析【长文万字】
  • webpack原理-ChunkGraph解析【分包规则】
    今天我要带来的才艺是：解析webpack5内部的分包规则,也就是ChunkGraph。 webpack分包规则与ChunkGraph的关系|ChunkGraph构建的 |ChunGraph长什么样子
    Webpack JavaScript 面试
    webpack原理-ChunkGraph解析【分包规则】
  • 如何在大型代码仓库中删掉 6w 行废弃的文件和 exports？
    很多项目历史悠久，其中很多文件或是 export 出去的变量已经不再使用，非常影响维护迭代。 举个例子来说，后端问你：“某某接口统计一下某接口是否还有使用？”你在项目里一搜，好家伙，还有好
    前端 JavaScript 架构
    如何在大型代码仓库中删掉 6w 行废弃的文件和 exports？
  • Webpack 原理系列九：Tree-Shaking 实现原理
    一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确
    前端 JavaScript
    Webpack 原理系列九：Tree-Shaking 实现原理
  • 基于webpack的应用治理
    我们的治理方向，就是围绕前向治理和后向治理。 数据先行，通过speed-measure-webpack-plugin采集性能指标，可以得到webpack在整个编译过程中在loader、plugin上花费的时间，基于该数据可以专项的进行优化和治理。 如果通过SMP分析得知在loa…
    Webpack