当前位置: 首页 > news >正文

vue3基于vite打包

大的js和css打包成:gzip

npm install vite-plugin-compression

在vite.config.ts中配置:

import viteCompression from 'vite-plugin-compression'plugins:[viteCompression({verbose:true,//控制台输出压缩结果disable:false,//开启还是禁用threshold:1024,//体积大于threshold的设置压缩algorithm:'gzip',//压缩算法ext:'gz',//文件后缀名})
]

  压缩完之后,告诉后端去配置gz文件。

gzip压缩目的是为了缩小代码体积,让资源加载更快,使用了一个插件,vite-plugin-compression,配置好之后,打包出来的就是压缩后的代码,把dist文件给后端进行部署。

相关文章:

  • BetterDisplay Pro v2.0.11(显示器颜色校准软件)
  • arm开发板
  • Git-概念与架构
  • Mistral 7B 比Llama 2更好的开源大模型 (四)
  • LeetCode算法题解(动态规划)|LeetCoed62. 不同路径、LeetCode63. 不同路径 II
  • 软考高项知识点 安全技术
  • 【Django-02】 Model模型和模型描述对象Meta
  • ubuntu 20.04安装 Anaconda教程
  • 01 DDD小传:领域驱动设计为什么这么火?
  • python接口自动化测试之接口数据依赖
  • 【python学习】基础篇-常用函数-sorted() 对可迭代对象进行排序
  • clusterProfiler包学习
  • 人工智能基础_机器学习040_Sigmoid函数详解_单位阶跃函数与对数几率函数_伯努利分布---人工智能工作笔记0080
  • Windows10下Maven3.9.5安装教程
  • 泛型编程:进阶的正确打开方式
  • 分享一款快速APP功能测试工具
  • 「前端早读君006」移动开发必备:那些玩转H5的小技巧
  • Angular js 常用指令ng-if、ng-class、ng-option、ng-value、ng-click是如何使用的?
  • canvas绘制圆角头像
  • const let
  • ES6语法详解(一)
  • JS函数式编程 数组部分风格 ES6版
  • nodejs:开发并发布一个nodejs包
  • Selenium实战教程系列(二)---元素定位
  • 对话 CTO〡听神策数据 CTO 曹犟描绘数据分析行业的无限可能
  • 微信开放平台全网发布【失败】的几点排查方法
  • 小程序button引导用户授权
  • 原生 js 实现移动端 Touch 滑动反弹
  • Android开发者必备:推荐一款助力开发的开源APP
  • ​queue --- 一个同步的队列类​
  • # 数据结构
  • # 再次尝试 连接失败_无线WiFi无法连接到网络怎么办【解决方法】
  • (+3)1.3敏捷宣言与敏捷过程的特点
  • (2020)Java后端开发----(面试题和笔试题)
  • (4)事件处理——(7)简单事件(Simple events)
  • (转) Android中ViewStub组件使用
  • (转)母版页和相对路径
  • .net安装_还在用第三方安装.NET?Win10自带.NET3.5安装
  • .NET开源项目介绍及资源推荐:数据持久层
  • .NET面试题(二)
  • @angular/cli项目构建--http(2)
  • @ComponentScan比较
  • [AI]文心一言爆火的同时,ChatGPT带来了这么多的开源项目你了解吗
  • [AIGC] Java 和 Kotlin 的区别
  • [Bugku]密码???[writeup]
  • [BZOJ 3282] Tree 【LCT】
  • [CF407E]k-d-sequence
  • [ChromeApp]指南!让你的谷歌浏览器好用十倍!
  • [Cocoa]iOS 开发者账户,联机调试,发布应用事宜
  • [element-ui] el-dialog 中的内容没有预先加载,因此无法获得内部元素的ref 的解决方案
  • [GXYCTF2019]禁止套娃
  • [hdu4622 Reincarnation]后缀数组
  • [HTML]Web前端开发技术18(HTML5、CSS3、JavaScript )HTML5 基础与CSS3 应用——喵喵画网页
  • [iOS]随机生成UUID通用唯一识别码
  • [Kubernetes]9. K8s ingress讲解借助ingress配置http,https访问k8s集群应用