Итак, я хочу использовать пару компонентов из библиотеки 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.