我一直在Vue.js项目中对我的单个文件组件进行一些重构。最初我在我的主app.js文件中使用Vue.component()方法需要许多单个文件组件，这些组件仅用作其他父组件的子组件。所以我没有在app.js中要求它们，而是决定在相应的父组件中导入它们，以使事情更加简洁和有条理。
然后我注意到另一个方法创建了一个更大的编译文件。请注意以下示例中的“大小”。
我编译的SettingsMenu示例：
// Size 100,455 bytes
Vue.component('SettingsMenu' require(./components/SettingsMenu.vue));
// Size 100,778 bytes
import SettingsMenu from '../SettingsMenu.vue';
// Size 100,747 bytes
// leaving both require / import
最后的结果让我非常奇怪的是，将导入保留在原位并且还要求主app.js中的组件减小了一小部分的大小。
我更倾向于使用import方法将所有相关或依赖组件保持在一起，但由于它产生稍大的最终文件，因此它不太理想。
是否有某种原因以这种方式导入组件会产生更大的文件大小，最重要的是有什么方法可以减轻或消除差异？
答案 0 :(得分：0)
但由于它会产生稍微大一点的最终文件，因此不太理想。
31个字节的区别。你是认真的吗？哈哈？