Webpack Modul ceas al lui este o caracteristică care permite instrumentului să monitorizeze fișierele sursă pentru modificări și să declanșeze automat recompilarea ori de câte ori este detectată o modificare. Acest lucru este deosebit de util în timpul dezvoltării, deoarece vă ajută să economisiți timp evitând recompilarea manuală de fiecare dată când faceți modificări codului.
Iată cum puteți utiliza Webpack modul ceas al lui:
Rulează Webpack în modul ceas
Pentru a rula Webpack în modul ceas, puteți utiliza --watch steag când rulați webpack comanda prin terminalul dvs. De exemplu:
npx webpack --watch
Cu această comandă, Webpack va începe să vizionați fișierele sursă și să recompilați automat pachetul de fiecare dată când salvați modificările aduse acestora.
Webpack Configurare
De asemenea, puteți configura modul de vizionare în webpack fișierul de configurare( webpack.config.js) adăugând watch: true opțiunea:
module.exports = {
// ...other configuration options
watch: true
};
În acest fel, nu trebuie să utilizați --watch steag-ul de fiecare dată când rulați webpack comanda.
Comportament
Când Webpack se află în modul de vizionare, va monitoriza continuu fișierele sursă pentru modificări. Ori de câte ori faceți modificări și salvați fișierele, Webpack va recompila automat pachetul. Acest lucru vă permite să vedeți modificările din aplicația dvs. fără a fi nevoie să declanșați manual procesul de construire de fiecare dată.
Rețineți că, deși modul ceas este excelent pentru dezvoltare, nu este utilizat de obicei în versiunile de producție, deoarece poate consuma resurse inutile. Pentru versiunile de producție, ați folosi, în general, Webpack pentru a crea pachete optimizate și reduse fără modul de vizionare.
Nu uitați să consultați Webpack documentația oficială pentru cele mai actualizate informații despre utilizarea modului ceas și opțiunile asociate acestuia.