vue-cli3前端文件开启Gzip加速

vue-cli3前端文件开启Gzip加速

下载依赖的插件

npm install compression-webpack-plugin -D

配置vue.config.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const CompressionPlugin = require('compression-webpack-plugin')
module.exports = {
configureWebpack: (config) => {
# 非development环境下进行压缩
if (process.env.NODE_ENV !== 'development') {
# GZIP压缩
return {
plugins: [
new CompressionPlugin({
test: /\.(js|css)(\?.*)?$/i, # 需要压缩的文件正则
threshold: 50 * 1024, # 文件大小大于这个值时启用压缩
deleteOriginalAssets: false # 压缩后是否删除原文件
})
]
}
}
}
}

配置nginx

开启gzip

1
2
gzip on;
gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-javascript;

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×