candyTong

前端工程师 | 字节

公众号：Candy 的修仙秘籍

获得徽章 12

赞

103

|

搜索文章

Vite 的首屏性能为什么不好？

Vite 给人一种又快又慢的感觉，快主要体现在 DevServer 的启动和热更新上，但随之带来的问题是，首屏性能不好以及页面加载时间长的问题。那为什么 Vite 的首屏性能不是怎么好呢？

3年前
11k
107
35

Vite 的首屏性能为什么不好？

我修复了一个 Vite Bug，让我的项目首屏性能提高了 25%

项目升级 Vite3.x 后，首次进入页面，页面的首屏时间非常的长，且一定会刷新整个页面。修复前的页面首屏时间为 1m06s，修复后为 45s，性能提升了 25%

3年前
16k
213
35

我修复了一个 Vite Bug，让我的项目首屏性能提高了 25%

Vite 在运行过程中是如何发现新增依赖的？

当我们在 Vite 启动后，在编写代码过程中安装了一个新的依赖，并引入到代码中，那这时候 Vite 会怎么处理呢？

3年前
2.0k
7
3

Vite 在运行过程中是如何发现新增依赖的？

从 Vue 转换看 Webpack 和 Vite 代码转换机制的差异

我们知道，Webpack 是使用 loader 转换代码的，而 Vite/Rollup 则是使用插件转换代码，那这两种机制有什么差异呢？我们用 Vue 的转换来说明一下。

3年前
4.2k
26
7

从 Vue 转换看 Webpack 和 Vite 代码转换机制的差异

快速理解 Vite 的依赖预构建

当我们使用 Vite 进行开发时，会进行依赖预构建，即将第三方依赖进行打包，并在开发环境下使用这些打包过的第三方依赖。那这个过程中，Vite 到底做了哪些事情呢？

3年前
6.3k
57
9

快速理解 Vite 的依赖预构建

五千字深度解读 Vite 的依赖扫描

本文会深入地讲解依赖扫描的实现细节，最终的扫描结果是一个包含多个模块的名字的对象，不涉及预构建的过程、预构建产物如何是使用的。

3年前
4.0k
65
2

五千字深度解读 Vite 的依赖扫描

手写 Vite Server 系列（3）—— 更细粒度的复用

上篇文章的插件建构架构其实是不够好的，因为可扩展的颗粒度为中间件，中间件内的很多代码都没有复用。本篇文章，将继续对架构进行改造，实现更细粒度的代码复用

3年前
1.6k
8
评论

手写 Vite Server 系列（3）—— 更细粒度的复用

为什么 Vue3 的 VNode 不能单独组成一棵完整的树？

以前一直以为，VNode 也能像 DOM 那样，根据 children 属性，将 VNode 连接组成一棵树。但最近我发现这是不对的，VNode 不能单独组成一棵完整的页面树。

3年前
1.5k
16
1

为什么 Vue3 的 VNode 不能单独组成一棵完整的树？

手把手教你手写 Vite Server（二）—— 插件架构设计

之前手写了一个 Vite Server，实现了一些基本的功能，但是这些能力都是写死的，没有任何的可扩展性，这次我们将它改造成插件化架构，通过新增插件来新增能力。

3年前
2.5k
19
6

手把手教你手写 Vite Server（二）—— 插件架构设计

手把手教你手写一个 Vite Server（一）

之前写过几篇 Vite 的文章，对 Vite 的概念也有一定的理解了，但理解归理解，仍然觉得很虚，也不知怎么的，这几个概念突然就变成一个这么强大的工具。。。于是，我决定自己手写一遍 Vite。

3年前
2.8k
39
7

手把手教你手写一个 Vite Server（一）

个人成就

优秀创作者

文章被点赞 3,294

文章被阅读 303,624

掘力值 10,719

加入于

2017-05-22