本文探讨了Vue 3中的TreeShaking技术，旨在帮助开发者减小Web应用体积。介绍了TreeShaking的基本概念，指出Vue 2.x的全局API无法被TreeShaken，而Vue 3.x通过重构全局API，使其支持TreeShaking。同时，列举了受此变化影响的Vue API，如Vue.nextTick、Vue.observable等，并提醒开发者在Vue 3中需导入使用。
关于 TreeShaking 这件事情，官方已经强调无数次了，我也在之前的文章中有提到，原因就是 Vue 团队希望能帮助开发者减小 Web 应用的体积。
什么是 TreeShaking 
TreeShaking 是一个术语，指的是在打包构建过程中移除没有被引用到的代码，这些代码可以成为 dead code。这个概念最早在基于 ES6 的打包工具 Rollup 中提出，后来被引入到 webpack 中。TreeShaking 比较依赖于 ES6 模块系统的静态结构特性，比如 import 和 export。
Vue 2.x 的全局 API 
举个比较常见的例子，如果你在 Vue 的应用中主动操作过 DOM，大概率会写下：
import Vue from 'vue';
Vue.nextTick(() => {
// 和 DOM 有关的一些操作
});
其实在单个的 Vue 实例中也可以使用这个方法：
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
