作者heavenbetula (绿草)
看板Web_Design
标题[问题] Webpack-dev-server开发时的速度
时间Sat Sep 28 15:45:36 2019
最近专案用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 上跑速度可以差那麽多!
请问有人知道这是为什麽吗~感谢?
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 219.70.222.22 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1569656738.A.E46.html
1F:→ dododavid006: webpack-dev-server 会在相关的档案被改动时重编没 09/29 11:31
2F:→ dododavid006: 错,只是资料应该不是用 import 的方式加进来的吧? 09/29 11:32
3F:→ dododavid006: 如果怀疑是 webpack 的问题开一下 devtool 看 09/29 11:32
4F:→ dododavid006: network 的部份有没有载一个新的 js 下来 09/29 11:32
资料的部分是直接去fetch api的资料
至於您说的看network的部分,载一个新js这个我有点看不懂...
network的部分有去跑要拿的api这部分没问题
我并不是每次点击按钮才去呼叫api,而是页面一载入就去呼叫了
点击按钮单纯只做排序而已
※ 编辑: heavenbetula (219.70.222.22 台湾), 09/29/2019 15:30:20
5F:推 sa0124: 排序的table item有那些东西啊?里面有要排序图片什麽的 09/29 17:11
6F:→ sa0124: 吗?prod的js是优化压缩过的, dev的js没有优化压缩 所以j 09/29 17:11
7F:→ sa0124: s两边跑起来的确表现不同 但我以前经验上是也不会差到太多 09/29 17:11
8F:→ sa0124: 除非又有图片什麽的 09/29 17:11
恩我也觉得压缩过的跟没压缩前应该是不会差的那麽夸张
排序的项目单纯就是纯文字+小到不行的icon(而且这ICON还是共用同一张而已)
所以现在我还是不知道为什麽dev跟prod会差那麽夸张...
※ 编辑: heavenbetula (219.70.222.22 台湾), 09/30/2019 13:51:03
9F:→ lucifiel0121: 你的build是 dev 还是 prod, 确认看看484一样吧 10/10 09:24
确认是不一样的喔
※ 编辑: heavenbetula (219.70.222.22 台湾), 10/26/2019 20:09:58