在经过了大半个月的努力后终于将 Vite 接入进了我们的 SSR框架。总共核心源码改动大概几十行代码。其实本不用这么长时间，主要是最近忙于公司业务，所以这个 PR 的代码基本都是我之前在阿里认识的校招同学贡献的，我负责出 idea 他负责代码实现。先在这里感谢一下祥杰同学的贡献…

欢迎到原文地址阅读体验更好：https://vite-design.surge.sh/包含源码解析的完整章节目录：https://github.com/zhangyuang/vite-design 求

两周前（202.02.17），vite2.0 发布了，作为使用了浏览器原生 ESM 为下一代前端工具，vite 2.0 相较于 1.0 更加成熟。在此之前笔者就开始关注这类「新型」的前端工具。这次趁着 vite 2.0 发布，也成功将一个基于 vue-cli(-service)…

Vite1还没用上，Vite2已经更新了，全新插件架构，丝滑的开发体验，和Vue3的完美结合。 2021年第一弹，村长打算以Vite2+Vue3为主题开启大家的前端学习之旅。 Vite2主要变化在插件体系，这样更标准化、易扩展。Vite2插件API扩展自Rollup插件体系，因…

Vite(读音类似于[weɪt]，法语，快的意思) 是一个由原生 ES Module 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。 为了实现上述特点，Vite 要求项目完全由 ES Module 模…

最近忙里偷闲，看了下vue3的相关文档，想着写点东西熟悉一下新版的代码。恰好当前时间节点上你能在市面上成熟使用的vue3的UI框架放眼望去，也就只有阿里旗下的Ant Design Vue 2.0.0测试版。正好以前都是用element-ui的，所以就萌生了用这个框架搭一个非常简…

之前的一篇文章说了 Vite: 如何不使用 webpack 开发应用，按照约定，接下来要说一下热更新的问题，Vite自己通过WebSocket实现了浏览器与服务器之间的通信，从而达成热更新的目的。 执行 dev:reload 之后，会启动一个服务器然后在代码变更的时候会自动刷新…

突然就对这个非常感兴趣，而且这可能是未来的一种趋势，所以在项目不是太庞大的时候去了解一下它的内部原理就会更加简单一些。而且「阅读他人优秀开源项目源码的过程可以学到很多平时工作学不到甚至看不到的东西」 打开 Vite GitHub[2], 拷贝项目到本地。 「Vite」重度依赖「…