o2team / tech-weekly

JELLY Tech Weekly
104 stars 8 forks source link

浅谈 Vite 2.0 原理,依赖预编译,插件机制是如何兼容 Rollup 的? #167

Closed ZakaryCode closed 3 years ago

ZakaryCode commented 3 years ago

下一代前端构建技术

概要

伴随下一代构建工具Vite的横空出现,传统构建工具Webpack的速度诟病再一次被鞭尸。文章主要剖析了近期发布的Vite2.0带来的一些新亮点,包括实现原理、关键的依赖预编译、全新的插件机制以及与其他ESM构建的优劣对比。主要围绕着Vite是如何提升开发响应速度的方法进行分析介绍。

推荐语

大家都经历过'npm run dev'然后转身上厕所倒咖啡的场景。传统构建工具通过动态语言JS编写的程序确实存在性能瓶颈, 而Vite通过巧妙地运用了Esbuild和ESM为开发模式下的响应速度带来了质的飞跃。随着构建工具的变革,必然影响着未来前端的插件生态,下一代的构建技术已经到来,此时不学更待何时?让我们一起来拥抱变化。