[問題] Webpack-dev-server開發時的速度

作者: heavenbetula (綠草)   2019-09-28 15:45:36
最近專案用React搭配Webpack的方式在寫
遇到一個想不透的問題所以想請教一下
就是我在開發時跑 webpack-dev-server,然後我畫面有個table
按下排序的按鈕時執行排序
由於資料量大概有200筆
起初我以為是資料太多才會在按下按鈕時會lag個一秒才排完(因為10筆、20筆都很快)
但是我將同樣的程式build出來後,放在IIS的80port去試
結果200筆是瞬間飛快的排序完成
所以感覺不是資料量太多的問題吧...
有另位工程師跟我說是webpack在執行任何操作的時候都會編譯才會慢
可是我覺得他說的應該是hot reload這塊,我有改資料那麼需要編譯,慢能理解
但我現在是webpack已經編譯完,都用webpack-dev-server跑起來了
這時候我在頁面上的操作應該是無關編譯的事了,也無關hot reload了呀
想不透為什麼在webpack-dev-server跟實際在IIS 上跑速度可以差那麼多!
請問有人知道這是為什麼嗎~感謝?
作者: dododavid006 (朔雪)   2019-09-29 11:31:00
webpack-dev-server 會在相關的檔案被改動時重編沒錯,只是資料應該不是用 import 的方式加進來的吧?如果懷疑是 webpack 的問題開一下 devtool 看network 的部份有沒有載一個新的 js 下來
作者: sa0124 ((恩恩))   2019-09-29 17:11:00
排序的table item有那些東西啊?裡面有要排序圖片什麼的嗎?prod的js是優化壓縮過的, dev的js沒有優化壓縮 所以js兩邊跑起來的確表現不同 但我以前經驗上是也不會差到太多除非又有圖片什麼的
作者: lucifiel0121 (Ashe)   2019-10-10 09:24:00
你的build是 dev 還是 prod, 確認看看484一樣吧

Links booklink

Contact Us: admin [ a t ] ucptt.com