vite技术揭秘、还原与实战
文章平均质量分 85
按功能点分析vite源码并同步实现svite
在实战部分,开发一个支持热更新的约定式路由
潘苏苏
这个作者很懒,什么都没留下…
展开
-
《vite技术揭秘、还原与实战》阅读指南
来看,但更建议读者跟着笔者思路并结合自己的思考一字一行的完成。原创 2023-12-05 15:54:51 · 121 阅读 · 0 评论 -
《vite技术揭秘、还原与实战》第8节--插件化方案设计
我们总是说“程序设计与实现”,之所以把设计放在前,是因为它能避免我们像无头苍蝇一样随遇而安如果我们接着前边几章继续往下写,那大概率是这样的开发思路:在 http 服务器中监听由浏览器解析后抛出的文件请求,然后去读取文件源码,最后做一定的处理转换后返还给浏览器客户端如果 vite 是一个面向普通用户提供服务的产品的话,闭塞似乎没有问题。可它面向的是开发人员,定位是工具。因此必须要考虑到开发者的客制化需求,而插件机制是提供这一能力的最优解好文推荐vite技术揭秘、还原与实战-专栏-每周更新。原创 2024-02-23 10:25:19 · 667 阅读 · 0 评论 -
《vite技术揭秘、还原与实战》第7节--在svite中引入defineConfig类型辅助函数
上一小节,我们发现直接引入会导致程序报错,于是分析了产生报错的原因并查看了vite中的解决思路本节,在svite中解决这个问题原创 2024-02-04 10:23:56 · 408 阅读 · 1 评论 -
《vite技术揭秘、还原与实战》第6节--defineConfig引发的问题思考与解决方案分析
上一节我们提供的配置文件没有相应的TypeScript类型定义,这对开发者是不友好的本节我们通过提供一个函数来优化这个问题。原创 2024-01-30 15:27:02 · 1394 阅读 · 1 评论 -
《vite技术揭秘、还原与实战》第5节--支持svite.config.ts配置文件
目前为止,我们已经完成了本地http服务器的创建,它尚是一个封闭的环境,用户无法从外部传递参数来做个性化配置本节我们需要将一部分能力的控制权交由用户管理本节,为svite增加了配置文件,它让svite具有了开放性,用户可以通过该文件传递受支持的配置从而影响内部的工作行为在实现的过程中,稍微有点复杂的是配置文件打包和转base64的这两个操作,前者是为了消除ts,后者则是为了加载配置文件。原创 2024-01-20 10:40:41 · 1519 阅读 · 0 评论 -
《vite技术揭秘、还原与实战》第4节--加载index.html
在上一节,我们创建了一个http服务器,但是当你进行访问的时候,会发现被拒绝,这是因为我们还没有对对应的请求做处理本节我们将优先对index.html文件进行加载处理,它是整个预构建的入口点,非常重要本节,针对默认的请求,将其转换为并读取和返回对应的文件内容,这样一来,浏览器就能够正常加载并解析html文件,并且在遇到src或link属性时发起相应的请求。原创 2024-01-06 15:01:23 · 445 阅读 · 1 评论 -
《vite技术揭秘、还原与实战》第3节--创建本地开发服务器
经过前边两个小节的准备工作,本小节,就可以正式踏入`vite`源码的学习工作中了。本节的任务是创建一个`http`服务器,这是`vite`在`dev`阶段的起点原创 2023-12-23 15:32:45 · 127 阅读 · 1 评论 -
《vite技术揭秘、还原与实战》第2节--揭秘yarn create vite
在vite源码中,一共有三个工程,其中是一个辅助工具,用于快速创建模板工程,本小节,一起来看下它是怎么实现的原创 2023-12-18 11:01:42 · 237 阅读 · 1 评论 -
《vite技术揭秘、还原与实战》第1节--svite工程搭建
所谓万丈高楼平地起,一切的开始都要从工程的创建开始本小节,我们一起来搭建svitesvite是一个基于pnpm的monorepo,它的关键点就是设置文件,它的好处就是可以提取和管理公共依赖。原创 2023-12-11 11:04:55 · 383 阅读 · 1 评论