前言

今天看了一下Vue-cli中webpack打包的速度，有点小慢，于是我就开始使用其自带的productionGzip功能。

说明：本人用的node版本：v6.11.3，npm版本：v3.10.10，webpack版本：3.6.0，Vue版本：2.5.2，以免后期版本升级更新造成误导。

下面进入正文。

1. 首先打开config/index.js，找到build对象中的productionGzip，改成true

2. 打开productionGzip: true之前，先要安装依赖compression-webpack-plugin，官方推荐的命令是：

1

npm install --save-dev compression-webpack-plugin

这个命令的意思是安装最新版的compression-webpack-plugin，安装好之后，然后我运行npm run build打包，结果报错如下图：

排查了一会儿原因，然后我去看了下：https://www.npmjs.com/package/compression-webpack-plugin。在其文档中发现了些细节, Requirements：This module requires a minimum of Node v6.9.0 and Webpack v4.0.0.

而且当前最新版的compression-webpack-plugin是2.0.0版本。我猜想就是版本太高了导致的，然后我做了以下操作：

1. 卸载之前的compression-webpack-plugin安装包，执行命令：

1

npm uninstall --save-dev compression-webpack-plugin

2. 重新安装1.1.11版本，执行命令：

1

npm install --save-dev compression-webpack-plugin@1.1.11

3. 等安装好之后，重新运行命令：

1

npm run build

结果果然不出意料，成功了~ ?

本次采坑之旅还算顺利，特此记录一下。