前言

今天看了一下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 [email protected]

3. 等安裝好之後，重新執行命令：

1

npm run build

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

本次採坑之旅還算順利，特此記錄一下。