如何详细实现Skypack布局前端基建的完整过程？

本文共计1392个文字，预计阅读时间需要6分钟。

目录 + 引言 + 不一样的CDN + 需要polyfill + 处理请求的流程 + 总结 + 引言 + 已有越来越多前端开发者放弃webpack，改用vite作为项目打包工具。其中，最主要的原因是vite在开发环境基于ESM规范，更高效。

目录

• 引言
• 不一样的CDN
• 按需polyfill
• 处理请求的流程
• 总结

引言

已经有越来越多前端开发者放弃webpack，改用vite作为项目打包工具。

其中最主要的原因是 ——vite在开发环境基于ESM规范实现的Nobundle模式，节省了代码打包的时间（当然，也有ESBuild的功劳）。

而在生产环境，当前仍有打包的需求。

随着浏览器的迭代，ESM规范兼容性越来越好，终有一天会进入生产环境大面积可用的状态。

届时生产环境打包将不再是刚需。

另一方面，从HTTP协议的角度看，在HTTP/1.1时代，多个模块被打包成一个文件能减少浏览器并发请求数，达到优化目的。

但在HTTP/2多路复用普及后，这么做的意义就不大了。