[问题] 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