标签 wepback 下的文章 - GXUZF.COM - 林澈思的茶

webpack优化指北

分类:折腾 ; 热度:282

赵帆同学赵帆同学

Webpack是现在主流的功能强大的模块化打包工具,在使用Webpack时,如果不注意性能优化,有非常大的可能会产生性能问题,性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等,因此性能优化也主要从这些方面来分析。目前公司的前端项目使用Vue框架,Vue框架使用Webpack进行构建,随着项目不断迭代,项目逐渐变得庞大,然而项目的构建速度随之变得缓慢,于是对Webpack构建进行优化变得刻不容缓。经过不断的摸索和实践,通过以下方法优化后,项目的构建速度提高了50%。现将相关优化方法进行总结分享。一、缩小文件的搜索范...

Vue项目性能优化实践指南

分类:折腾 ; 热度:549

赵帆同学赵帆同学

最近在使用elementUI构建管理系统时,发现首屏加载时间长,加载的网络资源比较多,对系统的体验性会差一点,而且用webpack打包的vuejs的vendor包会比较大。所以我们仍然需要去关注 Vue 项目性能方面的优化,使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来,希望读者读完本文,有一定的启发思考,从而对自己的项目进行优化起到帮助。主要包括:Vue 代码层面的优化,webpack 配置层面的优化,基础的 Web 技术层面的优化。一、代码层面的优化1.1 v-if 和 v-show 区分使用场景v-if ...