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

最新推荐文章于 2024-07-10 16:57:37 发布

qianduan1020

最新推荐文章于 2024-07-10 16:57:37 发布

阅读量536

点赞数

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

本文链接：https://blog.csdn.net/qianduan1020/article/details/120282064

版权

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

摘要由CSDN通过智能技术生成

第一步:安装依赖:

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: './',
  assetsDir: 'static',
  productionSourceMap:

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qianduan1020

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue打包文件太大导致加载时间太久,开启gzip减少文件体积

第一步:安装依赖: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: './', assetsDir: 'st
复制链接

扫一扫