打包工具
文章平均质量分 94
wang_kai_7
这个作者很懒,什么都没留下…
展开
-
构建过程:从源码到dist文件
目前实现从源码到可用的静态文件,我们都是借助打包工具实现的,目前用的比较多的是, 那么以上问题也可以描述为“构建工具是如何进行构建的?”, 本文主要以为例,对以上问题进行阐述,需要说明的是v0.34.9版本的rollup功能基本完善,后续的版本是在现有基础上的迭代,原理是一样的文章关注的是实现构建功能的核心流程,不涉及插件、钩子等概念,因此没用过rollup也是不要紧的看了https://mp.weixin.qq.com/s/JndBu8maXC-f9r1Ghw8kgg 此篇文章之后,我发现。原创 2022-12-11 19:21:16 · 1024 阅读 · 1 评论 -
vite1.x 热更新(HMR)的实现原理
将近一年前自己尝试阅读vite源码(2.x),虽然也有些收获但整体并没有到达我的预期,对于vite也是停留在一知半解的程度上。最近想重新开始学习vite,但回顾之前的学习历程,感觉不太想继续之前的方式,自己的水平有限,读起来太费劲,经常在不同的函数调用间迷失自己,最后草草收场。想起之前看文章很多人是看代码的最初实现版本的,于是也想尝试一下,选择阅读vite的最初版本分支1.x,效果是明显比之前好的,后续我觉得再阅读最新版本的代码的话是有很大帮助的。原创 2022-10-05 16:18:25 · 1939 阅读 · 0 评论 -
vite预构建源码梳理
对于“为什么要进行依赖预构建?"这个问题vite 文档已经解释的很清楚了,那么预构建大概的流程是什么样的呢?启动预构建从文档中我们知道在服务启动前会进行预构建,对应源码位置在src/node/server/index.ts,预构建的函数名是optimizeDeps...const runOptimize = async () => { if (config.cacheDir) { server._isRunningOptimizer = true; try {原创 2021-08-15 18:04:35 · 4837 阅读 · 0 评论 -
vite源码梳理
简介vite 一共有dev | build | optimize | preview四种命令,文章对 vite 整个流程做了梳理,对于dev | build的主要步骤做了简答的拆分,便于大家对 vite 源码形成一个整体的认识,有不对的地地方欢迎大家指正。启动vite 项目默认的两条命令npm run serve npm run build都是启动了 vite 命令,打开/node_modules/.bin目录,找到vite文件,发现其最主要的流程就是执行start函数,加载 node/cli 文件原创 2021-07-17 18:01:42 · 1513 阅读 · 5 评论