最近專案用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 上跑速度可以差那麼多！
請問有人知道這是為什麼嗎～感謝？

webpack-dev-server 會在相關的檔案被改動時重編沒錯，只是資料應該不是用 import 的方式加進來的吧？如果懷疑是 webpack 的問題開一下 devtool 看network 的部份有沒有載一個新的 js 下來

排序的table item有那些東西啊？裡面有要排序圖片什麼的嗎？prod的js是優化壓縮過的， dev的js沒有優化壓縮 所以js兩邊跑起來的確表現不同 但我以前經驗上是也不會差到太多除非又有圖片什麼的

你的build是 dev 還是 prod, 確認看看484一樣吧