vue webpack 打包优化方法

两种方法：

一、gzip压缩

前言

• 很多Vue项目，都有一个通病，随着代码越来越庞大，首页加载越来越慢，有时候出去演示，网络不好的时候，转半天，登录页面还没有出来。这主要是一些大的js文件造成的，这就是Vue的缺点吧，所有的代码都打包到一个JS文件里，网络传输太慢，有的项目都十几兆。
• gzip的本质，是在build的时候打包两份代码，一份压缩的，一份未压缩的，然后nginx在接收请求时，优先选择压缩后的格式返给客户端。
• 使用gzip进行压缩，可以压缩js和css文件大小，提升加载速度

前端代码配置
1.下载代码压缩插件，运行命令npm i [email protected]

2.写入压缩配置（文件），如下

build/webpack.prod.conf.js

if (config.build.productionGzip) {
   
  const CompressionWebpackPlugin = require('compression-webpack-plugin')

  webpackConfig.plugins.