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

vue 编译慢的离谱怎么解决

  •  
  •   qiaofanxing · 98 天前 via Android · 1886 次点击
    这是一个创建于 98 天前的主题,其中的信息可能已经有所发展或是发生改变。
    前端请假几天,我面向百度客串一下全栈,后端编译运行十几秒就结束了,前端掐了一下秒表,从 npm run dev 开始到部署结束总共 2 分 47 秒。问题是我还不熟前端,老是要改这改那的,感觉时间全荒废在这上面了,就 75%这个节点能卡一分多钟,有啥解决办法吗?
    19 条回复    2023-02-28 10:33:13 +08:00
    tool2d
        1
    tool2d  
       98 天前
    前端一般都有 hot reload 功能的。
    learningman
        2
    learningman  
       98 天前
    hot reload ,主流框架不都支持。run dev 一般就是开发模式啊,你直接改刷新页面就行。
    然后换 ssd ,node_modules 文件太碎了卡 IO ,再不行就上 yarn3 的 pnp 之类的东西
    spemoon
        3
    spemoon  
       98 天前
    这玩意得具体问题具体分析的。比如:webpack 版本是啥?能升级到最新吗?适不适合上 vite 等等,蛮折腾的。这些要搞完,你的同事都回来了
    hotcool100
        4
    hotcool100  
       98 天前
    M1
    VITE v4.0.1

    pnpm run dev

    500ms
    creanme
        5
    creanme  
       98 天前   ❤️ 1
    前端开发的时候会自动热更新的,所以你需要命令行中一直保持运行 npm run dev ,不要关掉,改完代码一般就自动热更新了,如果没有,手动刷新一下页面。
    estk
        6
    estk  
       98 天前 via iPhone
    换 react
    shakukansp
        7
    shakukansp  
       98 天前
    webpack4? 升 webpack5 开文件缓存,然后就第一次会慢一点
    molvqingtai
        8
    molvqingtai  
       98 天前   ❤️ 1
    我猜,你是改一下代码运行一下 npm run dev ?
    LavaC
        9
    LavaC  
       98 天前
    webpack 换 vite
    LavaC
        10
    LavaC  
       98 天前
    没注意到你只是帮忙看一下,那你应该问问你们前端是不是直接 run dev 的,还是说你们前端另有一个跑开发带热加载的指令。
    M003
        11
    M003  
       98 天前
    如果在开发阶段,你应该 npm run dev

    如果是开发结束,部署? 我猜是静态资源,或者是你们用的框架采用 CDN.而不是把一堆框架的 js,css 打包进去.
    jiayouzl
        12
    jiayouzl  
       98 天前
    vite 非常快啊,你要觉得 vite 还叫慢的话,那之前的 cli 怎么办啊,而且开发阶段是 run dev 毫秒级别的更新的.
    jiayouzl
        13
    jiayouzl  
       98 天前
    而且就算是 npm build 也非常快,我配置是 M1 Pro 满血,我项目 build 也就几秒钟的事情.为什么有 vite?就为了提速.
    yaphets666
        14
    yaphets666  
       98 天前
    看下前端工程里的 router.js 或者 router 文件里的 index 里有没有 () => import('xxxxxxxxxxxx')这种东西,如果有的话,你需要一个插件,叫做 babel-plugin-dynamic-import-node,使用 npm 安装即可,装上之后用法你自己查吧.这个可以大幅度提速
    tuutoo
        15
    tuutoo  
       98 天前
    是不是用的 webpack ,换 vite ,换完之后那叫一个爽
    MMMMMMMMMMMMMMMM
        16
    MMMMMMMMMMMMMMMM  
       97 天前
    第三方 lib 太多了吧,删掉点没用的
    Ashore
        17
    Ashore  
       97 天前
    管他呢 反正你是在工作 资本家的羊毛不薅白不薅
    wangtian2020
        18
    wangtian2020  
       97 天前
    什么年代了还用 webpack
    wangjiang
        19
    wangjiang  
       97 天前
    和 vue 无关 是 webpack 的问题,npm run dev 的时候 需要处理各种依赖,预编译 css 等操作
    关于   ·   帮助文档   ·   博客   ·   nftychat   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1314 人在线   最高记录 5634   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 17:30 · PVG 01:30 · LAX 10:30 · JFK 13:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.