Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Хорошо ли работает HMR VITE с приложениями Vue.js


Хорошо ли работает HMR VITE с приложениями Vue.js


Функция замены горячего модуля Vite (HMR) хорошо работает с приложениями vue.js. Вот несколько ключевых моментов о HMR и Vue.js Veite:

Ключевые моменты:

1. Первозависимая интеграция:
- VITE предоставляет первые интеграции HMR для компонентов однофабрикования VUE и реагировать быстрое обновление. Это означает, что приложения Vue.js могут использовать возможности HMR Veite без дополнительной настройки [1] [2].

2. Плагин VUE:
- Для приложений vue.js рекомендуется использовать официальный плагин @vitejs/plugin-vue. Этот плагин предоставляет специфические функции VUE 3, включая HMR, глобальное разрешение компонентов, директивы и слоты [1] [2].

3. Пользовательская конфигурация:
- При использовании JSX без React или Vue, пользовательский `jsxfactory` и` jsxfragment` можно настроить с помощью опции `eSbuild`. Например, для Preact вы можете настроить их в файле `vite.config.js` [1] [2].

4. Устранение неполадок:
- Если HMR не работает в браузере, убедитесь, что заказ плагина является правильным в файле `vite.config.js. Отключение Vite-Plugin-проверка также может помочь решить проблемы [3].

5. Интеграция со сторонними библиотеками:
- Чтобы добавить HMR в компоненты VUE, которые загружаются из сторонней библиотеки, вам необходимо добавить библиотеку в псевдонимы в файле `vite.config.js. Это гарантирует, что VITE может правильно обнаружить и обновлять компоненты во время HMR [4].

Заключение:

Функция Vite HMR предназначена для беспрепятственной работы с приложениями Vue.js. Используя официальный плагин VUE и настройку параметров `jsxfactory` и` jsxfragment`, вы можете убедиться, что HMR работает правильно в вашем проекте Vue.js. Кроме того, устранение неполадок и интеграции сторонних библиотек могут помочь решить любые проблемы, которые могут возникнуть во время настройки HMR.
Цитаты:
[1] https://v3.vitejs.dev/guide/features
[2] https://vitejs.dev/guide/features
[3] https://stackoverflow.com/questions/74625283/vue3-vite-hot-reload-hmr-no-working-in-the-browser
[4] https://github.com/vitejs/vite/discussions/7211
[5] https://inspector.dev/how-to-make-vite-hot-module-replacement-work-on-windows/