Webpack只是一台把无数源代码模块（module）按规则拼成逻辑代码块（chunk），再落盘成浏览器可加载文件（bundle）的流水线。

前端借助docker实现容器化的一些尝试和记录 docker + react + ts + pnpm + vite

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安装依赖，然后把服务跑起来：

引言： 当下前端组件库 / 工具库的最佳实践方案基本都是 pnpm + monorepo 的开发模式，如 Vue、React、Vite、Element UI、Varlet UI、Vant UI 等。

今天不介绍tree-shaking，毕竟通过这几年的科普，大家已经对它有一些认识或了解了，各位在工作中用到的三方组件库(如antd)都是充分支持的，这样做的好处不言而喻。有时候我们自己也可能会写一些组

助力性能优化，从0开始编写一个Vite打包产物分析插件工具,在你的Vite构建的项目里，执行打包命令后，能生成一个打包产物分析报告html页面

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心 webpack优化很有必要 上一篇文章给大家讲解了简单搭建一个Vuecli，但是只是基本搭建，而没有进

文章主要介绍了什么是Vite、Vite和其他打包工具的对比以及Vite核心源码的实现。有利于大家一步一步的深入Vite的核心源码实现、了解其设计思想。

前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是…