https://blog.qife122.com/tags/%E5%89%8D%E7%AB%AF%E6%9E%84%E5%BB%BA/ Recent content in 前端构建 on 办公AI智能小助手 Hugo zh-cn qife Mon, 29 Dec 2025 22:03:49 +0800 https://blog.qife122.com/p/%E5%8E%9F%E7%94%9Fjavascript%E6%A8%A1%E5%9D%97%E5%91%8A%E5%88%AB%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7%E6%8B%A5%E6%8A%B1%E7%8E%B0%E4%BB%A3web%E5%BC%80%E5%8F%91/ Mon, 29 Dec 2025 22:03:49 +0800 https://blog.qife122.com/p/%E5%8E%9F%E7%94%9Fjavascript%E6%A8%A1%E5%9D%97%E5%91%8A%E5%88%AB%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7%E6%8B%A5%E6%8A%B1%E7%8E%B0%E4%BB%A3web%E5%BC%80%E5%8F%91/ <p>在过去十多年里，我们一直在打包CSS和JavaScript文件。这些构建工具使我们能够在利用CSS和JS新特性的同时，继续支持旧版浏览器。它们还有助于优化客户端网络性能，将内容压缩到尽可能小，并将文件合并成一个大包以减少网络握手。在这个过程中，我们经历了大量构建工具的迭代：从 Grunt (2012) 到 Gulp (2013)，再到 Webpack (2014)、Parcel (2017)，以及 esbuild (2020) 和 Vite (2020)。 然而，随着现代浏览器技术的发展，对这些构建工具的需求已大大减少。</p> https://blog.qife122.com/p/vite%E4%B8%8B%E4%B8%80%E4%BB%A3%E5%89%8D%E7%AB%AF%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7%E7%9A%84%E6%BC%94%E8%BF%9B%E4%B8%8E%E6%9C%AA%E6%9D%A5/ Mon, 03 Nov 2025 01:30:41 +0800 https://blog.qife122.com/p/vite%E4%B8%8B%E4%B8%80%E4%BB%A3%E5%89%8D%E7%AB%AF%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7%E7%9A%84%E6%BC%94%E8%BF%9B%E4%B8%8E%E6%9C%AA%E6%9D%A5/ <h1 id="vitejavascript的联合国">Vite：JavaScript的联合国</h1> <h2 id="构建工具的演进历程">构建工具的演进历程</h2> <p>前端构建工具的出现源于Web应用复杂度的不断提升。早期开发中，JavaScript代码直接置于页面即可运行。但随着应用规模扩大，出现了模块化需求——最初通过函数闭包裹文件解决全局命名空间污染，随后发展出AMD、CommonJS等模块规范。</p>