vue打包文件太大导致加载时间太久,开启gzip减少文件体积

qianduan1020

于 2021-09-14 10:27:32 发布

阅读量645

点赞数

CC 4.0 BY-SA版权

分类专栏：性能优化文章标签： vue

本文链接：https://blog.youkuaiyun.com/qianduan1020/article/details/120282064

本文介绍了如何通过启用gzip压缩来解决Vue项目打包文件过大问题，从而缩短加载时间。步骤包括安装依赖、在vue.config.js中配置、执行npm run build进行打包，以及说明前端代码压缩后仍需服务端如nginx的配置才能完全生效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步:安装依赖:

npm i compression-webpack-plugin -D

第二步:在vue.config.js中配置:


const CompressionWebpackPlugin = require('compression-webpack-plugin')
const isProduction = process.env.NODE_ENV === 'production'
module.exports = {
   
   
  publicPath:

最低0.47元/天解锁文章

200万优质内容无限畅学