1.安装打包工具:npm install --save-dev compression-webpack-plugin
2、配置vue.config.js 文件
const CompressionWebpackPlugin = require("compression-webpack-plugin");
const productionGzipExtensions = ["js", "css"];
module.exports = {
productionSourceMap: false,
devServer: {
disableHostCheck: true
},
configureWebpack: () => {
if (process.env.NODE_ENV === "production") {
return {
plugins: [
new CompressionWebpackPlugin({
filename: "[path].gzip[query]", // 提示compression-webpack-plugin@2.0.0的话filename改为asset
algorithm: "gzip",
test: new RegExp(
"\\.(" + productionGzipExtensions.join("|") + ")$"
),
threshold: 10240, //内容超过10KB进行压缩
minRatio: 0.8
})
]
};
}
}
};