Vite karstā moduļa nomaiņa (HMR) funkcija labi darbojas ar Vue.js lietojumprogrammām. Šeit ir daži galvenie punkti par Vite HMR un Vue.js:
Galvenie punkti:
1. Pirmās puses integrācija:- VITE nodrošina pirmās puses HMR integrāciju Vue viena faila komponentiem un reaģē ātra atsvaidzināšana. Tas nozīmē, ka Vue.js lietojumprogrammas var izmantot VITE HMR iespējas bez papildu iestatīšanas [1] [2].
2. Vue spraudnis:
- Vue.js lietojumprogrammām ieteicams izmantot oficiālo @vitejs/spraudņa-vue spraudni. Šis spraudnis nodrošina Vue 3 specifiskas funkcijas, ieskaitot HMR, globālo komponentu izšķiršanu, direktīvas un laika nišas [1] [2].
3. Pielāgota konfigurācija:
- Ja izmantojat JSX bez react vai vue, pielāgotu `JSXFactory` un` JSXFragment` var konfigurēt, izmantojot opciju `esbuild`. Piemēram, priekšnoteikumam tos varat konfigurēt failā “vite.config.js` [1] [2].
4. Traucējummeklēšana:
- Ja HMR nedarbojas pārlūkprogrammā, pārliecinieties, vai spraudņa pasūtījums ir pareizs failā `vite.config.js`. Vite-plugina pārbaudītāja atspējošana var arī palīdzēt atrisināt problēmas [3].
5. Integrācija ar trešo personu bibliotēkām:
- Lai pievienotu HMR VUE komponentiem, kas ir ielādēti no trešās puses bibliotēkas, jums ir jāpievieno bibliotēka pseidonīmam failā `vite.config.js`. Tas nodrošina, ka VITE var pareizi noteikt un atjaunināt komponentus HMR laikā [4].
Secinājums:
VITE HMR funkcija ir paredzēta, lai nemanāmi darbotos ar lietojumprogrammām Vue.js. Izmantojot oficiālo spraudni Vue un konfigurējot `jsxfactory` un` JSXFragment`, varat pārliecināties, ka HMR darbojas pareizi jūsu Vue.js projektā. Turklāt problēmu novēršana un trešo personu bibliotēku integrēšana var palīdzēt atrisināt visas problēmas, kas var rasties HMR iestatīšanas laikā.Atsauces:
[1] https://v3.vitejs.dev/guide/features
[2] https://vitejs.dev/guide/features
[3.]
[4] https://github.com/vitejs/vite/discussions/7211
[5] https://inspector.dev/how-to-e-vite-hot-module-replacement-work-on-windows/