# webpack打包生成gz文件
安裝插件（compression-webpack-plugin）：
```bash
npm install compression-webpack-plugin --save-dev
```
### vue.config.js文件進行webpack配置：
```javascript
const CompressionPlugin = require('compression-webpack-plugin');
module.exports = {
plugins: \[
new CompressionPlugin({
algorithm: 'gzip', // 使用gzip壓縮
test: /\\.js$|\\.html$|\\.css$/, // 匹配文件名
filename: '\[path\].gz\[query\]', // 壓縮后的文件名(保持原文件名，后綴加.gz)
minRatio: 1, // 壓縮率小于1才會壓縮
threshold: 10240, // 對超過10k的數據壓縮
deleteOriginalAssets: false, // 是否刪除未壓縮的源文件，謹慎設置，如果希望提供非gzip的資源，可不設置或者設置為false（比如刪除打包后的gz后還可以加載到原始資源文件）
}),
\],
}
```
### nginx.conf：
```bash
http {
include mime.types;
default\_type application/octet-stream;
sendfile on;
#tcp\_nopush on;
#keepalive\_timeout 0;
keepalive\_timeout 65;
gzip\_static on;
server {
listen 8462;
server\_name localhost;
location / {
root dist;
index index.html index.htm;
}
error\_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}
```
