本章的目标是教大家如何使用 Rollup 打包[基于storybook框架的组件]，为什么选择使用 Rollup 打包？Rollup如何配置？ 一起进来跟着项目一点点学习吧！

前言 最近遇到一个项目，需要兼容旧版本浏览器 因为我们的项目全部采用的是Vite构建，所以Vite如何兼容旧版本浏览器成为了一个重点研究的东西。 按照Vite官网描述，@vitejs/plugin-l

前言 面试官: 了解webpack插件吗？ 面试官: 那你说说你了解的webpack插件 面试官: 写过webpack插件吗？ 面试官：em... 是不是很熟悉的场景，因为有时候我们确实没机会去对项目

即使目前优秀的构建工具层出不穷，Webpack 还是保持着其在现代前端开发工具链中不可替代的地位。这篇文章将会带来 Webpack 整体结构的源码解读，内容较多，建议细品+收藏（doge

任何软件项目一旦叠加“**规模**”与“**时间**”两个变量之后，依赖网络就很容易变得复杂混乱，如果不及时施加恰当的管理手段则迟早会引发诸多晦涩难懂的稳定性、性能、安全等诸多方面的问题。

刚进初创公司或者搭建新的团队，不知如何开始建设？又或业务代码/工具写麻了？想了解一些工程化基建的知识？大小公司怎么样偏重？这篇浅浅了解一下前端的基础建设法子！

背景 最近，就前端开发过程中的痛点及可优化项做了一次收集。 其中，构建耗时、项目编译速度慢的字眼出现了好几次。 随着业务的快速发展，我们很多项目的体积也快速膨胀。随之而来的， 就是打包变慢等问题。

前面咱们已经介绍了，什么是 Headless UI 无头组件库以及如何去使用它，我相信同学们看完了之后能够已经在实际项目中运用自如了； 接下来我会带领大家实现一个属于自己的，属于公司的KPI 产物。

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