范文杰

字节跳动资深前端工程师

公众号：tecvan

获得徽章 16

赞

297

|

搜索文章

Vite 的好与坏

短期观望，长期看好！Pros: 极速启动、按需编译、精简产物、预设最佳实践、多框架支持、Rollup 生态支持；Cons: 兼容性、缺乏Show Case。

4年前
7.5k
82
7

Webpack 原理系列八：产物转译打包逻辑

Webpack 构建流程最终站 —— 模块转译与打包逻辑，结合前文，一起学习 Webpack 核心原理。

4年前
2.4k
26
5

Webpack 原理系列八：产物转译打包逻辑

Esbuild 为什么那么快？

为什么 Esbuild 那么快？语言优势、线程逻辑优势、高度并行算法、节制的功能设计、高度定制的加载器等等，大部分秘密都在文章里了。

4年前
2.6k
65
1

Esbuild 为什么那么快？

你不知道的 VSCode 代码高亮原理

全文5000字，解读 vscode 背后的代码高亮、代码补齐、错误诊断、跳转定义等特性的实现原理，欢迎点赞关注转发。

4年前
3.8k
44
评论

你不知道的 VSCode 代码高亮原理

Webpack 原理系列七：如何开发 Loader

阅读了 20+ 个开源项目，我总结出来的关于 Webpack Loader 的关键知识点，走过路过进来看看呗。

4年前
4.7k
64
15

Webpack 原理系列七：如何开发 Loader

Webpack 原理系列六：彻底理解 Webpack 运行时

本文继续剖析 Webpack 的实现原理，主要内容：ChunkGraph 构建完毕后，Webpack 接下来会做什么事情？什么是运行时？如何收集运行时依赖？

4年前
6.1k
61
8

Webpack 原理系列六：彻底理解 Webpack 运行时

[建议收藏] Webpack 4+ 优秀学习资料合集

推荐一波质量很高，值得一看的学习资料，内容涵盖 Webpack 应用、示例、原理、工具，希望对你有用

4年前
4.1k
71
2

[建议收藏] Webpack 4+ 优秀学习资料合集

有点难的知识点：Webpack Chunk 分包规则详解

Chunk 是什么？Webpack 如何根据 entry、异步模块、runtime 配置组装 Chunk？

4年前
10k
176
29

有点难的知识点：Webpack Chunk 分包规则详解

分享几个 Webpack 实用分析工具

分享几个 webpack 构建过程的分析诊断方法和工具，基于这些工具，你可以：更了解编译产物由那些模块资源组成；更了解模块之间的依赖关系；更了解不同模块的编译构建速度；等等。

4年前
4.5k
25
1

分享几个 Webpack 实用分析工具

有点难的 webpack 知识点：Dependency Graph 深度解析

围绕 webpack@v5.x 的 Dependency Graph 实现，从源码层面分析 webpack 中如何收集依赖，如何存储依赖信息，以及最后又是如何消费这些依赖关系，从而完成资源编译构建过程

4年前
3.0k
29
6

有点难的 webpack 知识点：Dependency Graph 深度解析

个人成就

优秀创作者

文章被点赞 3,217

文章被阅读 270,209

掘力值 10,815

加入于

2018-04-08