1. 程式人生 > >webpack熱替換心得

webpack熱替換心得

頁面 style 去除 webp 全局變量 col 局部刷新 執行 export

1.在webpack熱替換中,修改文件後頁面是進行局部刷新而不是重載頁面。

2.在webpack熱替換中,修改某一個文件後,該文件與相關的文件(即import該文件的文件)會進行替換,從而重新執行其中的代碼。頁面會進行局部刷新。

3.在webpack熱替換中,如果一個文件(hello.js)被其他多個文件都引用了,則在引用該文件的任何一個文件中修改hello.js文件export出的對象,在其他文件中該對象都會被修改。也就是說一個文件中export出的對象屬於全局對象,在其他任何地方通過對import該文件獲得的輸出對象都是該全局對象,對其修改實際上對這個全局變量進行修改,所以在其他頁面獲得這個輸出對象時是更改後的對象。

4.在webpack熱替換中,修改文件後會重新執行修改後的文件(即修改的文件和與其相關的文件),但這並不意味著之前的操作會撤銷,也就是說會在之前的操作上再執行一遍修改後的文件。刷新瀏覽器可以去除這個影響,會根據現在的代碼重新執行。

webpack熱替換心得