收藏
回答

大型vue项目使用webpack如何优化打包速度?

公司的项目前端用的vue,在使用webpack打包时速度很慢,经常会出现内存溢出的情况

项目中包含20+个子模块,每个子模块中大概有30+的页面

子模块和页面随着业务的需求会持续增加,由于架构的限制暂时无法拆分成多个项目

大佬们有没有优化打包速度的方案推荐下?

最后一次编辑于  2019-06-28
回答关注问题邀请回答
收藏

4 个回答

  • o17
    o17
    2019-06-28

    thread-loader各种并行用起来。hardsource模块缓存用起来。各种依赖插件升个级。Webpack升到4。公共模块抽离。检查是哪些loader拖慢构建速度,针对性优化。

    2019-06-28
    赞同
    回复 1
    • Stephen
      Stephen
      2019-06-28

      emmmm....

      新的框架webpack已经准备好升4了,子模块还没开始迁移,迁移完我再试下,3Q

      2019-06-28
      回复
  • 香蕉不是笨啦啦
    香蕉不是笨啦啦
    2019-06-28

    这样项目不好管理啊

    2019-06-28
    赞同
    回复 1
    • Stephen
      Stephen
      2019-06-28

      管理起来没问题,用git的submodule管理每个子模块,每个子模块是单独的仓库,主仓库只有框架,其他的全是submodule

      2019-06-28
      回复
  • 要喝就喝bing阔乐
    要喝就喝bing阔乐
    2019-06-28

    大型ui框架使用cdn加载不需要的组件不要引入,vue-router懒加载

    2019-06-28
    赞同
    回复 4
    • Stephen
      Stephen
      2019-06-28

      已经这样做了,打包还是很慢

      2019-06-28
      回复
    • 要喝就喝bing阔乐
      要喝就喝bing阔乐
      2019-06-28

      cdn 加载图片 所有图片不在本地打包

      2019-06-28
      回复
    • 要喝就喝bing阔乐
      要喝就喝bing阔乐
      2019-06-28


      2019-06-28
      回复
    • Stephen
      Stephen
      2019-06-28回复要喝就喝bing阔乐

      项目中的图片总共不超过10张

      2019-06-28
      回复
  • 周
    2019-06-28

    和小程序有半毛钱关系,就算是用uniapp你也不应该在这里提问啊

    2019-06-28
    赞同
    回复 2
    • 周
      2019-06-28回复仙森ღ₅₂₀¹³¹⁴

      我的意思是,你在这里专业不对口,不一定得到满意的答复

      2019-06-28
      回复
    • Stephen
      Stephen
      2019-06-28回复

      社区是用vue做的,问过社区的大佬了

      2019-06-28
      回复
登录 后发表内容