как импортировать компоненты по запросу для уменьшения размера файла [Element-UI]

Поэтому я хочу использовать пару компонентов из библиотеки Element-UI. Я заметил на их веб-сайте, что могу импортировать компоненты по запросу, чтобы уменьшить размер проекта (см. здесь). Проблема в том, что когда я импортирую компоненты по запросу, размер проекта не становится меньше.

Пример:

Следующие два варианта использования и импорта библиотеки Element-UI дают мне точно такой же размер файла при запуске npm run build

Импорт 1:

//full import
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

Импорт 2:

//on demand
import 'element-ui/lib/theme-chalk/button.css';
import 'element-ui/lib/theme-chalk/collapse.css';
import 'element-ui/lib/theme-chalk/popover.css';

import { Button } from 'element-ui';
import { Popover } from 'element-ui';
import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';

Vue.use(Button)
Vue.use(Popover)
Vue.component(CollapseTransition.name, CollapseTransition)

Библиотека довольно большая, поэтому, несмотря на то, что мой проект довольно маленький, при запуске npm run build Vue уже выдает мне следующее предупреждение: entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.


person Reinier68    schedule 03.08.2020    source источник
comment
Вы анализируете размер модуля через bundleAnalyzerReport?   -  person sugars    schedule 04.08.2020
comment
Нет, не видел, я даже не знаю, что это такое, хе-хе. После того, как npm run build Vue регистрирует размер различных файлов в KiB. Я просто смотрю на это.   -  person Reinier68    schedule 04.08.2020
comment
Большое спасибо, Джей. Я посмотрю на это :)   -  person Reinier68    schedule 13.08.2020