Поэтому я хочу использовать пару компонентов из библиотеки 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.
bundleAnalyzerReport
? - person sugars   schedule 04.08.2020npm run build
Vue регистрирует размер различных файлов вKiB
. Я просто смотрю на это. - person Reinier68   schedule 04.08.2020