快速筆記
基礎(chǔ)知識不提
webpack官方文檔支持中文了
HMR的配置方式有兩種:webpack-dev-server和api方式。討論的是前一種
代碼使用的是webpack文檔中的那個涯呻,自己查閱
當(dāng)我按照說明測試代碼的時候蔼两,出了問題萌庆,module.hot.accept的callback并第一次執(zhí)行了,后面就不會執(zhí)行,但是chrome控制臺的輸出中WDS的確檢測到了print.js這個文件的更新渡冻,但是更新并未合并上去,也沒有報什么錯誤忧便。
我唯一跟官文不一樣的是module.rules中test js類型文件的時候族吻,用了babel-loader了。刪掉這個匹配就沒錯了珠增,跟官文一樣的結(jié)果超歌,加上這個就出錯。
原因:
webpack2+就有了ES6的處理能力蒂教,babel也有巍举,所以沖突了。給babel-loader的presets的env或者es2015都設(shè)置modules:false凝垛,讓webpack來處理js的模塊化(轉(zhuǎn)換)問題懊悯。
解決蜓谋,折騰了好幾個小時。