你们公司的前端代码构建(build)时间是多长?

2020-01-07 15:07:52 +08:00
 xiaoming1992

公司只有我一个前端,由于太多个性化需求,构建工具是自己写的。 原来构建一次是 40 来秒,加了个 dllPlugin 变成了 20 秒左右,可是还是感觉很慢。 拆分出来一个 800+k 的 dll,剩下的页面的 index.js 八九百 k,总大小倒是跟原来差不多,但是感觉很臃肿(大头是 react + three.js + antd )

4086 次点击
所在节点    程序员
23 条回复
nolest
2020-01-07 15:18:24 +08:00
Time: 154994ms
chunk {7} styles.13dd4192a66427be3ce2.css (styles) 1.05 MB [initial] [rendered]
chunk {8} vendor.b43d1d83505f4bc93aab.js (vendor) 1.46 MB [initial] [rendered]
chunk {9} 9.e55df91eecded81dcc97.js () 2.43 MB [rendered]

贴三个大的,敲个命令可以去上个厕所,倒杯水了 (Angular)
chendy
2020-01-07 15:19:21 +08:00
不懂前端,只是帮忙配了 CI
物理机,每次 yarn install && yarn build
40 秒 到 1 分 30 秒
LiuJiang
2020-01-07 15:21:04 +08:00
五分钟左右,vendors.js 30M
deepred
2020-01-07 15:22:12 +08:00
build 阶段时间长的还行,你是没见过 dev 开发阶段,修改个 css 也能卡 10 几秒的。
puilu
2020-01-07 15:22:18 +08:00
别慌,接近 2 分钟的项目很多
arrow2015
2020-01-07 15:28:54 +08:00
一直以为前端刷新一下页面就能看到改变代码的效果呢
rockjike
2020-01-07 15:34:08 +08:00
开发还是生产?
lihongjie0209
2020-01-07 15:36:10 +08:00
lihongjie0209
2020-01-07 15:38:10 +08:00
如果不修改 package.json 的话 1 分钟 30s
ryougifujino
2020-01-07 15:44:10 +08:00
只有一个前端忙得过来吗?
xiaoming1992
2020-01-07 16:10:35 +08:00
@rockjike 生产环境

@ryougifujino 小厂子你以为呢,搞了一堆的脚本,前段时间过得是,上班就是输一输脚本,然后翘起二郎腿等结果的日子,最近有新功能才忙了一些。

嘿嘿,看了这么多回复,感觉自己的程序也不算时间太长的。只是即将 toC 了,每次构建的时候看到 webpack 用黄字提醒我超过 200k 了好难受,之前在掘金里面看到很多大佬写的优化到 100k 不到,我就在想,我 tm 一个 antd 的 table 就上百 k 了,臣妾做不到啊。。。
murmur
2020-01-07 16:11:19 +08:00
小的 vue app,大概 20 多秒
liyang5945
2020-01-07 16:35:44 +08:00
vue 后台管理项目,二百多个界面,打包完成约 10MB,是之前用 vue-cli2 创建的项目,热更新有时候要好久,十几秒到几十秒不等,非常难受,后来换了 vue-cli3+webpack4,现在热更新 1-2s,打包 15 秒左右
pmispig
2020-01-07 16:38:36 +08:00
我们的大概 20 秒
kamchiu
2020-01-07 16:52:50 +08:00
快慢不得看机器配置?
xiaoming1992
2020-01-07 18:37:17 +08:00
@kamchiu 闲聊一下,我又不是做调查,管他配置不配置的,当然是自己的随便哪台电脑运行一次构建的时间咯。
monkeyWie
2020-01-07 18:41:39 +08:00
ssd + docker 缓存优化 只要 package.json 没改基本都在分钟以内
hgrx
2020-01-07 18:49:51 +08:00
接手的一个用 roadhog 的旧项目打一次包 10 分钟,忍了一段时间受不了升级到 webpack4 之后大概 80s
cz5424
2020-01-07 18:53:28 +08:00
每次 5 分钟受不了,优化到了 1 分钟
MinonHeart
2020-01-07 19:18:41 +08:00
~5min
npm i ~2min
build ~2min30s
这都是小事,发布也很慢

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/635813

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX