最简单的示例帮你深度解析树摇原理，树摇的主要原理是通过静态分析代码的依赖关系来确定哪些模块、变量、函数等在代码中没有被引用，然后将这些未使用的部分从最终的构建输出中删除。

前端工程化，是每一个高级前端开发人员都必须要去深入了解的内容，这也是想要拿到高薪不可避免的一个关键因素。

vue3提供了`defineComponent`方法，可以在运行时定义一个组件。利用这个我们可以在打开页面的时候给每个内嵌在`router-view`组件进行重新定义，把组件的name重新设定。

之前页面少的话 用keep-live结合router-view，使用keep-live的include属性就可以自己决定keep-live缓存那些组件不缓存那些组件，直到遇到个问题。 平时写的代码如下

微前端是什么 微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。

webpack插件在webpack编译阶段的作用和执行时机，tapable介绍，如何编写自己的webpack插件。

现在越来越多的前端工程都选择 monorepo 的架构进行开发，比如 Vue、React、Babel 等项目都采用的 monorepo 的方式进行管理

前言 目前接触过很多SaaS系统。随着业务量的升级，项目不得不做拆分。保证系统稳定性的前提，优化开发人员的体验。 目前在做这块的升级，所以调研了一些主流方案，有兴趣的来看看吧

最近写了的一些模块化，还有偏实验的文章，里面都有很多例子，大多都是提交 1 到 2 次，基本就结束整个项目的生命周期了，所以我就想着能不能把它们集中起来管理，简单搜索了一下，也许 monorepo