🦀🦀🦀 一个普通人的前端职业成长之路

2022-09-13
阅读 6 分钟
2.3k
大家好,我是 范文杰,一个前端从业者,最近刚写完我的第一本小册《Webpack 核心原理与实践应用》,这对我是一个不小的职业突破,所以不能免俗地想做个总结,分享我这九年工作的成长经历,以及我对前端这个职业的思考与成长建议,希望能帮到哪些还在路上的朋友。
封面图

我是如何调试 Webpack 运行问题的

2021-10-12
阅读 8 分钟
7.4k
全文 3000 字,欢迎点赞转发事情是这样的,某天有个小伙伴问我:为啥我的 webpack 运行完看不到我写的页面,而是:嗯?文件列表页?好吧,这种情况我似乎没遇到过,一下子没法给出答案,只能要来关键代码:重点看看 webpack.config.js 配置,用到 devServer + HMR 功能,其中:Webpack 版本为 5.37.0webpack-dev-server ...
封面图

实例解析:如何开发 VSCode LSP 服务

2021-07-09
阅读 8 分钟
13.2k
全文 3000 字,欢迎点赞关注转发从一张动图说起:上图应该大家经常使用的 错误诊断 功能,它能够在你编写代码的过程中提示,那一块代码存在什么类型的问题。这个看似高大上的功能,从插件开发者的角度看其实特别简单,基本上就是用上一篇文章《你不知道的 VSCode 代码高亮原理》中简单介绍过的 VSCode 开发语言特性的三...
封面图

Vite 的好与坏

2021-07-02
阅读 4 分钟
15.7k
全文 3000 字,欢迎点赞关注转发一、Vite 是什么2020年4月,尤大大发了这么一个推:随后,2021年2月,Vite 2.0 它来了,上来就是一套组合拳:基于 esbuild 实现的极速开发体验多框架支持兼容 Rollup 的插件机制与 APISSR 支持旧浏览器支持一开始我是拒绝的,从 grunt、gulp ,到 Webpack、Rollup、Snowpack 以及若干知名...
封面图

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

2021-07-02
阅读 14 分钟
12.8k
全文 6000 字,我们来聊聊打包闭环,欢迎点赞关注转发。回顾一下,在之前的文章《有点难的 webpack 知识点:Dependency Graph 深度解析》已经聊到,经过 构建(make)阶段 后,Webpack 解析出:module 内容module 与 module 之间的依赖关系图而进入 生成(seal)阶段 后,Webpack 首先根据模块的依赖关系、模块特性、entry配...
封面图

Esbuild 为什么那么快

2021-06-25
阅读 5 分钟
6k
Esbuild 是一个非常新的模块打包工具,它提供了与 Webpack、Rollup、Parcel 等工具相似的资源打包能力,却有着高的离谱的性能优势:
封面图

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

2021-06-21
阅读 16 分钟
13.1k
全文5000字,解读 vscode 背后的代码高亮实现原理,欢迎点赞关注转发。Vscode 的代码高亮、代码补齐、错误诊断、跳转定义等语言功能由两种扩展方案协同实现,包括:基于词法分析技术,识别分词 token 并应用高亮样式基于可编程语言特性接口,识别代码语义并应用高亮样式,此外还能实现错误诊断、智能提示、格式化等功能...
封面图

Webpack 系列第六篇:如何编写loader

2021-06-09
阅读 13 分钟
10.5k
全文 5000 字,深度剖析 Webpack Loader 的特性、运行机制、开发技巧,欢迎点赞关注。写作不易,未经作者同意,禁止任何形式转载!!!
封面图

Webpack 系列第五篇: 彻底理解 Webpack 运行时

2021-05-26
阅读 12 分钟
17.7k
在上一篇文章 有点难的 webpack 知识点:Chunk 分包规则详解 中,我们详细讲解了 Webpack 默认的分包规则,以及一部分 seal 阶段的执行逻辑,现在我们将按 Webpack 的执行流程,继续往下深度分析实现原理,具体内容包括:
封面图

Webpack 系列第四篇:Chunk 分包规则详解

2021-05-23
阅读 6 分钟
10.8k
而 Chunk 则是输出产物的基本组织单位,在生成阶段 webpack 按规则将 entry 及其它 Module 插入 Chunk 中,之后再由 SplitChunksPlugin 插件根据优化规则与 ChunkGraph 对 Chunk 做一系列的变化、拆解、合并操作,重新组织成一批性能(可能)更高的 Chunks 。运行完毕之后 webpack 继续将 chunk 一一写入物理文件中,完成...
封面图

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

2021-05-16
阅读 3 分钟
4.6k
最近在学习 Webpack 源码,前前后后输出了 6 篇原理分析、工具分享类型的文章,过程中找到一些质量很高,值得一看的学习资料,所以熬夜整理了一波,希望对大家有帮助。
封面图