收藏
回答

大型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
      回复
  • 没有输入名字,请重新填写
    没有输入名字,请重新填写
    2019-06-28

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

    2019-06-28
    有用
    回复 4
  • 阿北
    阿北
    2019-06-28

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

    2019-06-28
    有用
    回复 2
    • 阿北
      阿北
      2019-06-28回复睡前原谅一切

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

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

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

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