JS `Bundless` `Development` (无打包开发):Vite / Snowpack 的原理

嘿,大家好!今天咱们来聊聊前端开发里的一个“新”玩意儿,其实也不算新了,已经流行一段时间了,那就是“Bundless Development”,也就是“无打包开发”。主要说说 Vite 和 Snowpack 这两个家伙,看看它们是怎么做到“不打包”也能让你的代码飞起来的。 开场白:告别漫长的等待 相信大家都有过这样的经历:改了一行代码,保存,然后…漫长的等待,看着打包工具吭哧吭哧地把整个项目重新打包一遍。这种感觉就像明明只是想换个灯泡,结果要把整个房子重新装修一遍一样,效率低得令人发指。 传统的打包工具,比如 Webpack,Parcel,它们的工作方式是“先打包,后运行”。它们会分析你的代码,把所有的依赖关系整理好,然后把所有的模块打包成一个或多个文件,最后浏览器再加载这些文件。这种方式在项目小的时候还好,一旦项目变大,打包的时间就会变得非常长,严重影响开发效率。 而 Vite 和 Snowpack 就不一样了,它们采用了“按需编译”的策略,也就是“先运行,后编译”。它们不会在一开始就把所有的代码都打包好,而是当你需要某个模块的时候,才去编译它。这种方式可以大大减少打包的时间,让你的 …