压缩html源文件,vue打包压缩js、css、html文件（gzip压缩）

安装compression-webpack-plugin

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

在vue.congig.js中引入并修改webpack配置

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

configureWebpack: (config) => {

if (process.env.NODE_ENV === 'production') {

// 为生产环境修改配置...

config.mode = 'production'

return {

plugins: [new CompressionPlugin({

test: /\.js$|\.html$|\.css/, //匹配文件名

threshold: 10240, //对超过10k的数据进行压缩

deleteOriginalAssets: false //是否删除原文件

})]

}

}

vue-cli项目中使用compression-webpack-plugin版本问题报错，查阅资料才知道是因为在执行npm install时安装了最新的版本，你只需要

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