Webpack Watch Mode: Automatyczna kompilacja

Webpack Tryb oglądania to funkcja, która pozwala narzędziu monitorować pliki źródłowe pod kątem zmian i automatycznie uruchamiać ponowną kompilację po wykryciu zmiany. Jest to szczególnie przydatne podczas programowania, ponieważ pomaga zaoszczędzić czas, unikając ręcznej ponownej kompilacji za każdym razem, gdy wprowadzasz zmiany w kodzie.

Oto jak możesz korzystać Webpack z trybu oglądania:

Bieganie Webpack w trybie zegarka

Aby uruchomić Webpack w trybie oglądania, możesz użyć --watch flagi podczas uruchamiania webpack polecenia przez terminal. Na przykład:

npx webpack --watch

Za pomocą tego polecenia Webpack rozpocznie oglądanie plików źródłowych i automatycznie ponownie skompiluje pakiet za każdym razem, gdy zapiszesz w nich zmiany.

Webpack Konfiguracja

Możesz także ustawić tryb zegarka w webpack pliku konfiguracyjnym( webpack.config.js), dodając watch: true opcję:

module.exports = {  
  // ...other configuration options  
  
  watch: true  
};  

W ten sposób nie musisz używać --watch flagi za każdym razem, gdy uruchamiasz webpack polecenie.

Zachowanie

Gdy Webpack jest w trybie oglądania, będzie stale monitorować pliki źródłowe pod kątem zmian. Za każdym razem, gdy dokonasz zmian i zapiszesz pliki, Webpack pakiet zostanie automatycznie ponownie skompilowany. Dzięki temu możesz zobaczyć zmiany w swojej aplikacji bez konieczności ręcznego wyzwalania procesu kompilacji za każdym razem.

Należy pamiętać, że chociaż tryb oglądania doskonale nadaje się do programowania, zwykle nie jest używany w kompilacjach produkcyjnych, ponieważ może zużywać niepotrzebne zasoby. W przypadku kompilacji produkcyjnych zwykle używa się ich Webpack do tworzenia zoptymalizowanych i zminimalizowanych pakietów bez trybu oglądania.

Pamiętaj, aby zapoznać się z oficjalną Webpack dokumentacją, aby uzyskać najbardziej aktualne informacje na temat korzystania z trybu zegarka i związanych z nim opcji.