两种方法:
一、gzip压缩
前言
- 很多Vue项目,都有一个通病,随着代码越来越庞大,首页加载越来越慢,有时候出去演示,网络不好的时候,转半天,登录页面还没有出来。这主要是一些大的js文件造成的,这就是Vue的缺点吧,所有的代码都打包到一个JS文件里,网络传输太慢,有的项目都十几兆。
- gzip的本质,是在build的时候打包两份代码,一份压缩的,一份未压缩的,然后nginx在接收请求时,优先选择压缩后的格式返给客户端。
- 使用gzip进行压缩,可以压缩js和css文件大小,提升加载速度
前端代码配置
1.下载代码压缩插件,运行命令npm i compression-webpack-plugin@1.1.2
2.写入压缩配置(文件),如下
build/webpack.prod.conf.js
if (config.build.productionGzip) {
const CompressionWebpackPlugin = require('compression-webpack-plugin')
webpackConfig.plugins.