问全球进口与个别元件进口+ webpack:最终(打包/包装)尺寸有什么不同吗？

EN

我发现了类似的话题在main.js (用于VueJS)中导入组件的利弊是什么？，但我想深入一点。

例如，引导-vue允许通过main.js将所有组件一起导入。

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'
Vue.use(BootstrapVue);

或任何单独的组件，例如：

import bAlert from 'bootstrap-vue/es/components/alert/alert';
Vue.component('b-alert', bAlert);

我不使用bootstrap-vue的许多组件，因此，这里有两个问题：

1. webpack是否为站点的捆绑/打包版本添加了真正使用过的组件(不知怎么检查使用了哪些组件)？是否需要指定任何Webpack设置？)或者webpack只是简单地添加了全局导入的所有内容(在main.js中)？
2. 基于第一个问题:在仅使用单个组件的情况下，捆绑/打包(如果使用webpack)站点的规模是否有盈利能力？

我有一个相当大的项目，有很多组件导入到main.js中，我想知道，是保留它还是重新组织一切。

更新

我用我需要的组件代替了Vue.use(BoostrapVue) (我经常使用)。在Vue.use(BoostrapVue)之后，npm run build的dist文件夹是4.6MB。一旦我开始导入每个需要的组件，dist文件夹的大小就变成了4.2MB。