是什么

vue3 里引入了 Tree-shaking 这个东西，网上说叫“树摇”。 像是在晃动一颗大树，把枯叶都晃动下来。专业点儿说，就是把无用的模块不打包。

vue3 如何实现 tree-shaking

webpack 内置的tree-shaking

vue3 只是改造了代码结构， 通过 es6 module 导入 vue 全局对象。当 webpack 等打包工具打包项目，webpack 会把没用的代码不打包进来。

vue3 把 vue 本身当作一个对象来操作，把所有的 api 都通过 import 的方式导入进来，这样儿就可以把一些没用到的导入包，tree-shaking 掉： 比如 transition 这些功能。

vue3 默认情况下会引入一个最低的配置：响应式系统和虚拟 dom 算法，这两者是底座。当页面中用到 v-model等功能的时候，才会引入否则不会引入多余的功能。 这样儿大大减少了最后包的体积。