V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
xiaoming1992
V2EX  ›  程序员

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

  •  
  •   xiaoming1992 · 2020-01-07 15:07:52 +08:00 · 4088 次点击
    这是一个创建于 1783 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    23 条回复    2020-01-08 10:19:49 +08:00
    nolest
        1
    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
        2
    chendy  
       2020-01-07 15:19:21 +08:00
    不懂前端,只是帮忙配了 CI
    物理机,每次 yarn install && yarn build
    40 秒 到 1 分 30 秒
    LiuJiang
        3
    LiuJiang  
       2020-01-07 15:21:04 +08:00
    五分钟左右,vendors.js 30M
    deepred
        4
    deepred  
       2020-01-07 15:22:12 +08:00
    build 阶段时间长的还行,你是没见过 dev 开发阶段,修改个 css 也能卡 10 几秒的。
    puilu
        5
    puilu  
       2020-01-07 15:22:18 +08:00
    别慌,接近 2 分钟的项目很多
    arrow2015
        6
    arrow2015  
       2020-01-07 15:28:54 +08:00 via Android
    一直以为前端刷新一下页面就能看到改变代码的效果呢
    rockjike
        7
    rockjike  
       2020-01-07 15:34:08 +08:00
    开发还是生产?
    lihongjie0209
        8
    lihongjie0209  
       2020-01-07 15:36:10 +08:00
    lihongjie0209
        9
    lihongjie0209  
       2020-01-07 15:38:10 +08:00
    如果不修改 package.json 的话 1 分钟 30s
    ryougifujino
        10
    ryougifujino  
       2020-01-07 15:44:10 +08:00
    只有一个前端忙得过来吗?
    xiaoming1992
        11
    xiaoming1992  
    OP
       2020-01-07 16:10:35 +08:00 via Android
    @rockjike 生产环境

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

    嘿嘿,看了这么多回复,感觉自己的程序也不算时间太长的。只是即将 toC 了,每次构建的时候看到 webpack 用黄字提醒我超过 200k 了好难受,之前在掘金里面看到很多大佬写的优化到 100k 不到,我就在想,我 tm 一个 antd 的 table 就上百 k 了,臣妾做不到啊。。。
    murmur
        12
    murmur  
       2020-01-07 16:11:19 +08:00
    小的 vue app,大概 20 多秒
    liyang5945
        13
    liyang5945  
       2020-01-07 16:35:44 +08:00
    vue 后台管理项目,二百多个界面,打包完成约 10MB,是之前用 vue-cli2 创建的项目,热更新有时候要好久,十几秒到几十秒不等,非常难受,后来换了 vue-cli3+webpack4,现在热更新 1-2s,打包 15 秒左右
    pmispig
        14
    pmispig  
       2020-01-07 16:38:36 +08:00
    我们的大概 20 秒
    kamchiu
        15
    kamchiu  
       2020-01-07 16:52:50 +08:00
    快慢不得看机器配置?
    xiaoming1992
        16
    xiaoming1992  
    OP
       2020-01-07 18:37:17 +08:00 via Android
    @kamchiu 闲聊一下,我又不是做调查,管他配置不配置的,当然是自己的随便哪台电脑运行一次构建的时间咯。
    monkeyWie
        17
    monkeyWie  
       2020-01-07 18:41:39 +08:00
    ssd + docker 缓存优化 只要 package.json 没改基本都在分钟以内
    hgrx
        18
    hgrx  
       2020-01-07 18:49:51 +08:00
    接手的一个用 roadhog 的旧项目打一次包 10 分钟,忍了一段时间受不了升级到 webpack4 之后大概 80s
    cz5424
        19
    cz5424  
       2020-01-07 18:53:28 +08:00 via iPhone
    每次 5 分钟受不了,优化到了 1 分钟
    MinonHeart
        20
    MinonHeart  
       2020-01-07 19:18:41 +08:00
    ~5min
    npm i ~2min
    build ~2min30s
    这都是小事,发布也很慢
    ifaii
        21
    ifaii  
       2020-01-07 19:37:15 +08:00 via iPhone
    dockerfile 如果有缓存基本秒过 带 push 也就一分钟内
    jwangkun
        22
    jwangkun  
       2020-01-08 07:42:59 +08:00 via iPhone
    我们 52 分钟,目前优化到 8 分钟,七千多个模块
    ceet
        23
    ceet  
       2020-01-08 10:19:49 +08:00
    109 个 vue 页面 用时 9 秒
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2717 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 15:15 · PVG 23:15 · LAX 07:15 · JFK 10:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.