Vue.js Vuetify：导入和#x27；vuetify/lib/framework'；vs'；vuetify/lib'；

Vuetify

的以下导入之间有什么区别：

方法A：

从“Vuetify/lib/framework”导入Vuetify；

方法B：

从“Vuetify/lib”导入Vuetify；

使用方法A时，Vuetify束的大小为1.12MB（开发）：

方法B的大小为1.79MB（开发）：

对于生产，捆绑尺寸相同

---

我的猜测是，使用方法A

Vuetify

在开发运行时已经在进行树抖动，而对于方法B，树抖动只出现在生产构建中。

您可以在节点模块文件夹中检查自己（如果您使用npm）

• vuetify/lib/framework

  导出一个vuetify类，该类是处理所有vuetify魔法的框架

• vuetify/lib

  将相同的vuetify类以及所有组件、指令和预定义颜色导出为命名导出，以便于访问，从而在开发过程中形成更大的包

正如您在自己的结果中所看到的，由于植树运动，这对生产来说真的不重要。但是，如果您要自定义安装，则从vuetify和所有其他相关组件的

vuetify/lib

执行单个导入比为颜色、组件和指令单独导入和路径更容易