webpack
蚂蚁上的大象
一个大龄的前端渣渣
展开
-
Vue打包优化之gizp压缩
前言:gizp压缩是一种http请求优化方式,通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩,可以减小60%以上的体积。在 Vue CLI3 中webpack在打包时可以借助 compression webpack plugin 实现gzip压缩。安装插件:npm i -D compression-webpack-pluginwebpack配置在 vue.config.js 中按照如下方式进行配置const CompressionPlugin = r原创 2020-05-22 12:00:07 · 581 阅读 · 0 评论 -
Vue打包优化之路由懒加载
前言当打包构建项目时,js包会变得非常大,影响页面加载,我们把不同路由的对应组件分割成不同的代码块,然后当路由被访问的时候加载对应的组件,这样能提升访问效率。切分之后,并不是浏览器访问某个路由,才去下载对应的模块,仍然在首次访问程序时,下载所有模块,只不过每个模块分的很小,加载首页时需要的模块能够更快的下载下来,所以能够更快的显示解决方案 基础写法,没有懒加载,打包分离代码 路由懒加载,import()方法。(按需加载) vue的异步组件+webpack的ensure(原创 2020-05-14 18:20:43 · 533 阅读 · 0 评论 -
webpack(基础篇)
一、基本使用先让我们来看看最基本的一种使用webpack的方式.首先你得知道, webpack和其它依赖一样, 是包括本地安装和全局安装的, 但是在此我建议你使用本地安装的方式, 不推荐全局安装。因为使用了全局安装之后, 会使你的项目中的webpack锁定到指定版本中,并且在使用不同的webpack 版本的项目中,可能会导致构建失败.所以在后面的教材中, 我都会以本地安装webpa...转载 2020-06-09 14:15:08 · 375 阅读 · 0 评论