最近专案用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一样吧