vue项目中先解压zip压缩包再上传

vue项目中芹空先解压zip压缩包再上传，是的。element-upload上传图片压缩包→解压缩压缩包→获取压缩包的卜首悄图片文件→将内存过大的图片进行压缩→将压缩之后的图片再次制作成压缩包→继续上型渣传 *** 作，先安装image-conversion，jszip模块，用于压缩和解压缩upload部分。

Vue项目编写完成后，一般需要打包压缩成新的文件，下面简单介绍一下是如何对Vue项目打包的。

工具/稿腔原料npm方法/步骤1npmrunbuild

2build进行中，一般这个过程需氏敬罩要一点点时间

3打包完成，可以看到有提示歼闹buildcomplete

4build完成时候可以在相中发现多了一个dist文件夹，里面包括一个css文件，js文件和index.html

5项目最终上线的内容是打包压缩的，也就是上面的dist文件，整个过程还是很简单的。

6需要注意一下，即使项目中仅仅修改了一丁点东西，都需要重新进行打包，执行上诉的 *** 作。

gzip是一种压缩技术。经过gzip压缩带饥后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多，需要nginx也启用gzip

安装低版本才不会报错

配置位置

config\index.js

安装低版本

对vue.config.js进行配置

// 打肆袭包 使用gzip压缩

const CompressionWebpackPlugin = require('compression-webpack-plugin')

// 定义压缩文件类型

运行npm run build后出现gz结尾的文件就成功了蠢雹返

---