webpack "--watch" vs "--hot": Fark nedir?
webpack --watch
ve
webpack-dev-server --hot
sayesinde kullanma arasındaki fark nedir.
webpack "--watch" vs "--hot": Fark nedir?
webpack --watch
ve
webpack-dev-server --hot
sayesinde kullanma arasındaki fark nedir.
izle modunu kullanırken https://webpack.github.io/docs/tutorials/getting-started/#watch-mode
@ webpack belgelerine göre, webpack derleme işleminde kullanılan tüm dosyaların, dosya gözlemcileri yükler. Herhangi bir değişiklik tespit edilirse, , derlemeyi tekrar çalıştırır. Önbelleğe alma etkinleştirildiğinde, web paketi her bir modülü bellekte tutar ve değiştirilmezse yeniden kullanır.
Yani öncelikle webpack
ve webpack --watch
çalışan arasındaki fark --watch kullanarak, sizin CLI sonra bir değişiklik olduğu takdirde, bunu senin dosyalarında herhangi bir kod değişikliği bekleyen derleme işleminden sonra asmak ve edecektir yeniden derlenecek ve tekrar bekleyecektir.
dev sunucusu: Sen webpack-dev-sunucu kullanıyorsanız, o zaman webpack-dev-sunucusunun belgelerine göre varsayılan olarak WebPack izlenme modunu kullanır çünkü bu seçeneği kullanmak gerekmez bilmelidir webpack'in izleme modunu kullanır. Ayrıca, webpack 'un sonuçta ortaya çıkan dosyaları diske göndermesini de engeller. Bunun yerine, nolu sonuçları saklar ve sonuçta ortaya çıkan dosyaları bellekten alır.
webpack-dev-server --hot
nedir? Temel olarak, bu, web sayfası yapılandırmasına HotModuleReplacementPlugin
ekler; bu, tam sayfa yenilemesi yapmak yerine yalnızca değiştirilen bileşeni yeniden yüklemenizi sağlar! Eyaletlerle çalışırken çok hoşçakal! belgelerine göre:
ne olduğunu ve nasıl burada kullanmış gerekenlerle ilgiliHer modu da bundle bir değişiklik yerine sayfa tam olarak tekrar yüzünden oldu bildirilir olduğu Sıcak Modülü Değiştirme destekler. Sıcak Modül Değiştirme çalışma zamanı güncellenmiş modülleri yükleyebilir ve bunları çalışan uygulamaya enjekte edebilir. https://webpack.github.io/docs/webpack-dev-server.html#hot-module-replacement
Bu anlayış webpack biraz daha yardımcı olur umarım:
fazla bilgi!
Eğer Windows üzerinde IIS kullanıyorum, o zaman gerçekten 'webpack-dev-server' çalıştırmam gerekmiyor, değil mi? – Niner
Evet, bu doğru. Öyleyse, izleme modunda web paketini çalıştırdığınızı ve derlenmiş dosyalarınızı bir 'dist' klasörüne çıkardığınızı varsayalım. IIS'de, bu 'dist' dizini işaret ederdiniz. Bir değişiklik yaparsınız ve 'dist' klasöründeki tüm dosyalar yeni derlenmiş dosyalar ile değiştirilir. Ardından, geliştirdiğinizde can sıkıcı olabilecek değişiklikleri görmek için tarayıcınızdaki yenileme düğmesine manuel olarak basmanız gerekir. –