​Как перейти с Vue CLI на Vite

Если вы разрабатывали на Vue до 2021 года, велика вероятность, что вашим предпочтительным инструментом сборки был Vue CLI. Некоторое время это был стандарт для разработки проектов Vue.js. Однако теперь инструмент сборки нового поколения от Эвана Ю Vite привлекает к себе много внимания и является отличной альтернативой Vue CLI.

Если хотите попробовать новый инструмент, но боитесь что-то менять, то эта статья вам поможет:

https://tprg.ru/LTpq

#vue #vite

​Добавление Vite в ваше существующее веб-приложение

Vite — это более современная альтернатива таким сборщикам, как Webpack или другим подобным. При этом он имеет более понятную настройку конфигурации, но также отлично работает и с параметрами по умолчанию.

В этой статье вы узнаете, как без особого труда перевести ваш существующий проект на Vite:

https://css-tricks.com/adding-vite-to-your-existing-web-app/

#vite #webpack

​Создание, тестирование и деплой одностраничного приложения с помощью Vue 3 + Vite и Pinia

В этом руководстве подробно описаны шаги по созданию функционального примера одностраничного приложения книжного магазина с использованием Vue 3 и запуска его с помощью Vite. Оно также включает подробности о том, как добавить управление состоянием с помощью Pinia (альтернатива Vuex) и маршрутизацию с помощью Vue Router .

https://dev.to/andreirusu_/create-test-and-deploy-a-single-page-app-with-vue-3-vite-and-pinia-5097

#vue #spa #pinia #vite

Vite 6.0: Новые возможности и будущее веб-разработки

26 ноября вышла новая мажорная версия Vite, которая принесла много нового. Например:

1. новое экспериментальное API для переменных окружения;
2. обновление поддержки версий Node.js;
3. значение по умолчанию для resolve.conditions;
4. JSON stringify;
5. расширенная поддержка ссылок на ассеты в элементах HTML;
6. postcss-load-config;
7. Sass теперь использует modern API по умолчанию;
8. кастомизация CSS названий файлов на выходе в library mode.

Более подробно о каждом обновлении в статье.

#новости #vite

Подробный урок по Vite для начинающих

Vite — это инструмент для сборки и сервер для современной веб-разработки. Он опережает по скорости Webpack и использует множество современных возможностей браузеров.

В этом видео мы с вами рассмотрим установку и настройку Vite, а также его работу с React приложением, создание модулей, глобальных переменных и многое другое.

#vite #video

Переезд с Webpack на Vite: как ускорить React-проект и упростить сборку

Если сборка проекта на Webpack занимает вечность, а конфигурации становятся всё сложнее, возможно, пора взглянуть в сторону Vite. Этот инструмент предлагает молниеносную сборку, встроенный HMR и простую настройку. В статье описан реальный опыт перехода с Webpack и react-scripts на Vite, включая решение проблем с FontAwesome, настройку прокси и корректное размещение index.html.

И все-таки, Vite или Webpack?

❤️- Vite
🔥- webpack

#фронтенд #react #vite