前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是…

webpack5升级有哪些问题，升级webpack5之后如何做性能优化，哪些优化项是比较重要的？这篇文章告诉你答案

背景参与到团队一个三年陈项目，业务庞大繁杂。但是代码基本只按照一级路由拆分，很多模块在压缩前甚至超过2M。导致一个微小的改动都会重新生成新的bundle文件，用户在加载新资源会等待很长时间，对时间和网

上期通过项目优化分享和实例解析：在淘宝优化了一个大型项目，分享一些干货（代码实例，图文结合），把 webpack 打包优化利器 SplitChunksPlugin 系统讲解了一遍。本期进一步深入，分析 SplitChunksPlugin 源码，搞清楚 webpack 是怎么和 …

一、模块打包工具 1.1、模块打包工具 - 概要 1.2、Webpack 快速上手 1.3、Webpack 配置文件 1.4、Webpack 工作模式 1.5、Webpack 资源模块加载 1.5.1

本文主要记录了自己的博客在禁用缓存的情况下，从八九秒加载时间到最终 985ms 的优化实践，开启缓存的情况下能达到 138ms 的访问速度。

​ 从Vue-Cli3开始，Vue-Cli为我们提供了一个一键式的快速构建工具，在大部分简单项目中，它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样我们可以专注在撰写应用上，而不必花好几天去纠结配置的问题。但编写合适的配置文件确是可以让我们的项目锦上添花，拥有更好的…

打包优化-整体介绍 项目开发完成 打包 ： 用webpack做打包（把.vue, .js, .less ------> .js, .css, .html） 在项目中都会提供命令： npm run bu

vue cli4常用打包技巧通用版。这篇文章主要介绍了，体积分析与剥离，打包文件压缩，打包去注释化，页面去掉预加载等几个常用技巧