千呼万唤始出来干货满满的组件库打包分享！这次，我终于要给大家带来关于组件库的工程化打包升级与细节的文章啦。回顾组件库的搭建，已经是很久以前了，目前组件库也发展到一个瓶颈期需要升级架构和打包了...

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

背景 为了统一公司产品视觉风格，打造一套更符合公司风格、业务的基础组件库。组件库满足以下诉求： 全新组件：提供ant-design-vue中没有的组件 二次封装组件：在ant-design-vue组件

一个命令便可以把eslint和prettier添加到正在开发的项目中去，真的是涨姿势了。如果你像我一样还一位菜如鸡的前端，那么我感觉你有必要进来了解一下了。

Husky 是一个流行的工具，它可以让你轻松地在 Git 钩子中使用脚本，从而在提交（commit）代码前运行诸如代码风格检查、单元测试等任务。这有助于保持代码库的质量和一致性。Husky 的工作原理

插件系统是一种软件架构模式，允许开发者通过添加外部模块或组件来扩展和定制软件应用的功能，而无需修改其核心代码。这种方式为软件提供了高度的可扩展性、灵活性和可定制性。 用过构建工具的同学都知道，grun

打包器是什么？ 为什么需要打包器？ 打包器原理？ 1. 依赖之间的作用域怎么隔离？否则jS会相互污染 2. 如果一个依赖被多个文件引用，怎么做拆包？ 3. 如何处理umd、cjs、esm模块？ 4.

近期对Webpack5构建性能进行了优化，构建耗时从150s到60s再到10s，下面详细讲解下优化过程。

回顾 babel 6和 babel 7一路发展过来都做了哪些设计，解决了哪些问题，展望下 babel 8 ，我们是不是可以看到它的样子了呢？本文带你深入babel 的本质！