Vuetify:导入“vuetify/lib/framework”与“vuetify/lib”之间的区别

Question

Vuetify的下列导入有什么区别？

方法A：

import Vuetify from 'vuetify/lib/framework';

方法B：

import Vuetify from 'vuetify/lib';

使用方法A，Vuetify包的大小为1.12MB (开发)：

​

​

使用方法B，它的大小为1.79MB (开发)：

​

​

对于生产来说，包的大小是一样的。

我的猜测是，使用方法A，Vuetify已经在开发运行中做了树摇动，而对于方法B，树抖动只出现在生产构建中。

Answer 1

您可以在node_modules文件夹中检查自己(如果使用npm)。

• vuetify/lib/framework导出一个Vuetify类，该类是处理所有vuetify魔术的框架.

为了便于访问，

• vuetify/lib导出了与命名导出相同的Vuetify类，但也导出了所有组件、指令和预定义颜色，从而在开发中产生了更大的包。

正如你在你自己的结果中所看到的那样，由于树木砍伐，生产并不重要。但是，如果您正在自定义您的安装，那么从vuetify/lib为Vuetify和所有其他相关组件进行一次导入要比为颜色、组件和指令拥有单独的导入和路径更容易。