• 请不要在回答技术问题时复制粘贴 AI 生成的内容
xiaoming1992
V2EX  ›  程序员

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

  •  
  •   xiaoming1992 · Jan 7, 2020 · 5439 views
    This topic created in 2496 days ago, the information mentioned may be changed or developed.

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

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

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

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