Webpack s bevakningsläge är en funktion som låter verktyget övervaka dina källfiler för ändringar och automatiskt utlösa omkompilering när en ändring upptäcks. Detta är särskilt användbart under utveckling, eftersom det hjälper dig att spara tid genom att undvika manuell omkompilering varje gång du gör ändringar i din kod.
Så här kan du använda Webpack s bevakningsläge:
Körs Webpack i Watch Mode
För att köra Webpack i klockläge kan du använda --watch flaggan när du kör webpack kommandot genom din terminal. Till exempel:
npx webpack --watch
Med det här kommandot Webpack börjar du titta på dina källfiler och kompilerar automatiskt paketet när du sparar ändringar i dem.
Webpack Konfiguration
Du kan också ställa in bevakningsläge i din webpack konfigurationsfil( webpack.config.js) genom att lägga till watch: true alternativet:
module.exports = {
// ...other configuration options
watch: true
};
På så sätt behöver du inte använda flaggan --watch varje gång du kör webpack kommandot.
Beteende
När Webpack den är i bevakningsläge kommer den kontinuerligt att övervaka dina källfiler för ändringar. När du gör ändringar och sparar filerna Webpack kommer paketet automatiskt att kompileras om. Detta gör att du kan se ändringarna i din applikation utan att manuellt behöva utlösa byggprocessen varje gång.
Tänk på att även om klockläget är bra för utveckling, används det vanligtvis inte i produktionsbyggnader, eftersom det kan förbruka onödiga resurser. För produktionsbyggen skulle du i allmänhet använda Webpack för att skapa optimerade och förminskade paket utan bevakningsläge.
Kom ihåg att hänvisa till den officiella Webpack dokumentationen för den senaste informationen om hur du använder klockläget och dess tillhörande alternativ.