文章目录

前端·禁地

标签: webpack (2)

记一次使用 vue-admin-template 的优化历程 置顶!

前言 公司有好几个项目都有后台管理系统,为了方便开发,所以选择了 vue 中比较火的 后台模板 作为基础模板进行开发。但是,开始用的时候,作者并没有对此进行优化,到项目上线的时候,才发现,打包出来的文件都十分之大,就一个 vendor 就有 770k 的体积(下图是基础模板,什么都没加打包后的文件信息): 通过 webpack-bundle-analyzer 进行分析可得,体积主要来源于 饿了么UI(体积为 500k),因为没对其进行部分引入拆分组件,导致 webpack 把整个组件库都打包进去了。其次就是 vue 本身,体积也达到了 80k 之大。 所以,对其进行打包优化,是一件刻不容缓的事情。 优化 优化主要目的有: 加快资源加载速度,减少用户等待的时间和首页白屏时间,提高用户体验。 加快打包速度,不要将时间浪费在等待打包上。 解决第一个问题,很多人都会想到资源文件放在 CDN 上就好了,没错,这次我们就是通过 CDN 来解决加载问题。 CDN - 提高加载速度 像 vue, element ui 这些比较成熟的框架/组件库,一般都有免费、高速、公共的 cdn 供开发者使用….

webpack 简易配置入门教程

webpack 简易配置入门教程