码迷,mamicode.com
首页 > Web开发 > 详细

记一次 webpack 构建时间优化

时间:2020-07-16 18:21:50      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:分析   app   map   run   vue   cli   image   http   优化   

day 0(2020-07-16)

项目打包实在太慢了,打算长期优化一下。目前的打包时间(npm run build)约 60s(启动开发环境 npm run dev 也需要将近 50s)

技术图片

先介绍下项目,是个很普通的 vue 单页应用,年代比较久远,用的是 vue-cli2 脚手架,做了部分修改(根据备注是当时不修改打包报错),并没有刻意配置其他的优化项。看了下打包结果,100 多个文件(不包括 sourcemap 文件),项目的路由比较多,而且基本都是路由懒加载,所以打包出来的文件较多

有几个文件比较大

技术图片

技术图片

vender.js 和 app.js 看起来是公共文件,app.css 是项目唯一的 css。而另外几个,猜测是路由懒加载打包的文件,但是为啥会这么大?留待分析

记一次 webpack 构建时间优化

标签:分析   app   map   run   vue   cli   image   http   优化   

原文地址:https://www.cnblogs.com/lessfish/p/13323822.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!