当前位置: 首页 > 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文件给后端进行部署。

相关文章:

vue3基于vite打包

大的js和css打包成:gzip npm install vite-plugin-compression 在vite.config.ts中配置: import viteCompression from vite-plugin-compressionplugins:[viteCompression({verbose:true,//控制台输出压缩结果disable:false,//开启还是禁用threshold:…...

前端使用JWT时无法获取Authorization请求头

是因为后端没有解决跨域问题: 补充下面的代码即可 response.setHeader("Access-Control-Expose-Headers", "Authorization");...

postman定义公共函数这样写,测试组长直呼牛逼!!!

postman定义公共函数 在postman中,如下面的代码: 1、返回元素是否与预期值一致 var assertEqual(name,actual,expected)>{tests[${name}:实际结果: ${actual} , 期望结果:${expected}]actualexpected…...

单元测试实战(六)其它

为鼓励单元测试,特分门别类示例各种组件的测试代码并进行解说,供开发人员参考。 本文中的测试均基于JUnit5。 单元测试实战(一)Controller 的测试 单元测试实战(二)Service 的测试 单元测试实战&am…...

jmeter 主从配置

配置 主从需要在同一子网。 可以修改从机的端口,主要是防火墙的原因,这样就可以在防火墙只配置一个端口,如果没有防火墙,可以不用配置 server_port1099 server.rmi.localport1099 centos防火墙开端口 sudo firewall-cmd --zonep…...

4

【任务 1】容器云平台搭建[5 分] 【题目 1】平台部署–部署容器云平台[1.5 分] 【题目 2】平台部署–部署 Istio 服务网格[0.5 分] 【题目 3】平台部署–部署 KubeVirt 虚拟化[1 分] 【题目 4】平台部署–部署 Harbor 仓库及Helm 包管理工具[1 分] 【题目 5】集群管理–备份 ET…...

C++ Day04 this指针,友元函数,重载

this指针 概念 谁调用 this 所在的函数 ,this 就存储谁的地址 特点 1, 在当前类的非静态成员函数中调用本类非静态成员时 , 默认有 this 关键字 2, 静态成员函数 , 没有 this 指针。 示例 #include <iostream> #include <cstring> using namespace std; class S…...

2023做车载测试真的可以远离内耗!转行车载月入20K!

2023年&#xff0c;车载测试正处于一个发展阶段&#xff0c;随着新能源汽车的蓬勃发展&#xff0c;电气化、智能化逐渐成为发展趋势。在汽车开发过程中&#xff0c;测试是非常重要的一个环节。现在软件越来越多地被应用到汽车上&#xff0c;对软件测试的需求也越来越多、越来越…...

LINUXZ

10.6.2 AT24C02 访问方法 设备地址 从芯片手册上可以知道&#xff0c;AT24C02 的设备地址跟它的 A2、A1、A0 引脚有关&#xff1a; 图 10.36 AT24C02 设备地址引脚配置 294 / 577 打开 I2C 模块的原理图&#xff1a; 开发板配套网盘资料\04_开发板原理图\ 04_Extend_modules\通…...

C#单例模式懒汉式与饿汉式

单例模式一般分为懒汉模式和饿汉模式&#xff0c;懒汉式单例在第一次引用时创建实例&#xff0c;不是在类加载时&#xff1b;饿汉式单例模式是一种在类加载时就创建实例的方式&#xff0c;因此也称为静态初始化。 单例模式实现的技巧时构造私有&#xff0c;向外提供静态实例。…...

小微初创企业,如何利用媒体宣传快速成长

传媒如春雨&#xff0c;润物细无声&#xff0c;大家好&#xff0c;我是51媒体网胡老师。 对于小微初创企业来说&#xff0c;利用媒体宣传可以快速提升品牌知名度、扩大影响力&#xff0c;进而促进企业的成长。 1.确定宣传目标&#xff1a;是增加销售、提升品牌知名度、还是推…...

【封装UI组件库系列】全局样式的定义与重置

封装UI组件库系列第二篇样式 ​​​​​​&#x1f31f;前言 &#x1f31f;定义全局样式 生成主题色和不同亮度的颜色 ​编辑 中性色及其他变量 &#x1f31f;样式重置 &#x1f31f;总结 ​​​​​​​​​​​​​​&#x1f31f;前言 在前端开发中&#xff0c;大家…...

opencv将32位深图片合成视频跳帧解决办法

在合成视频时候&#xff0c;大多数的图片都是24位深度的&#xff08;即RGB三通道&#xff0c;一个通道8位&#xff09;&#xff0c;但是也存在少量的32位深的图片&#xff08;RGBA&#xff0c;三个颜色通道加上A这个透明度通道&#xff09;&#xff0c;32位和24位的格式是不一样…...

华为obs上传下载-Java版 2023-11-23

弄了半天&#xff0c;老师帮弄成功了&#xff0c;经过同意&#xff0c;分享到网上&#xff0c;希望能帮助更多人&#xff0c;至于怎么弄的&#xff0c;我也不知道。 创建idea项目后&#xff0c;项目结构&#xff0c;对应文件没有的创一个 pom.xm 注意改Java版本&#xff0c;我…...

2023年中国农业机器人行业市场规模及发展趋势分析[图]

农业机器人是一种机器&#xff0c;是机器人在农业生产中的运用&#xff0c;是一种可由不同程序软件控制&#xff0c;以适应各种作业,能感觉并适应作物种类或环境变化&#xff0c;有检测(如视觉等)和演算等人工智能的新一代无人自动操作机械。 农业机器人分类 资料来源&#xf…...

12英寸双轴半自动划片机:颠覆传统划切工艺的五大优势

随着科技的飞速发展&#xff0c;半导体行业对精密划切设备的需求日益增长。在这篇文章中&#xff0c;我们将深入探讨12英寸双轴半自动划片机的优势&#xff0c;这种划片机在半导体制造过程中扮演着至关重要的角色。以下是这种划片机的五大优势。 一、高精度划切 12英寸双轴半自…...

动态神经网络时间序列预测

大家好&#xff0c;我是带我去滑雪&#xff01; 神经网络投照是否存在反锁与记忆可以分为静态神经网络与动态神经网络。动态神经网络是指神经网络带有反做与记忆功能&#xff0c;无论是局部反馈还是全局反锁。通过反馈与记忆&#xff0c;神经网络能将前一时刻的数据保留&#x…...

Unity 三维场景的搭建 软件构造实验报告

实验2&#xff1a;仿真系统功能实现 1.实验目的 &#xff08;1&#xff09;熟悉在Unity中设置仿真场景&#xff1b; &#xff08;2&#xff09;熟悉在Unity中C#语言的使用&#xff1b; &#xff08;3&#xff09;熟悉仿真功能的实现。 2.实验内容 新建一个仿真场景&#x…...

2024贵州大学计算机考研分析

24计算机考研|上岸指南 贵州大学 贵州大学计算机科学与技术学院&#xff08;贵州大学省级示范性软件学院&#xff09;位于贵州省贵阳市花溪区贵州大学东校区。 计算机科学与技术学院&#xff08;软件学院&#xff09;自1972年创办计算机软件本科专业开始&#xff0c;至今已有…...

Spring高级bean的实例化方法

bean的实例化方法 构造方法 实例化bean第一种&#xff1a;使用默认无参构造函数(常用) 第二种创建bean实例&#xff1a;静态工厂实例化&#xff08;了解&#xff09; 第三种&#xff1a;实例工厂&#xff08;了解&#xff09;与FactoryBean&#xff08;实用&#xff09;...

MCP 2026租户隔离配置正在失效?——2025年12月补丁强制升级倒计时72小时,附迁移检查清单

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;MCP 2026租户隔离配置失效事件全景速览 2026年3月18日&#xff0c;多家采用MCP&#xff08;Multi-Cloud Platform&#xff09;v2.6.0核心引擎的云服务商集中报告异常&#xff1a;跨租户资源访问控制策略…...

NocoDB终极指南:5分钟搭建你的可视化数据库平台,告别Excel和复杂代码

NocoDB终极指南&#xff1a;5分钟搭建你的可视化数据库平台&#xff0c;告别Excel和复杂代码 【免费下载链接】nocodb &#x1f525; &#x1f525; &#x1f525; A Free & Self-hostable Airtable Alternative 项目地址: https://gitcode.com/GitHub_Trending/no/nocod…...

GBase 8c数据库idle会话占用内存过高故障处理指南

本文档针对南大通用 GBase 8c 数据库在运行过程中&#xff0c;因连接池配置不合理、大量 idle 空闲会话导致内存占用过高、服务器内存耗尽的典型问题&#xff0c;提供完整的排查思路、定位方法与标准化处理步骤&#xff0c;分布式数据库和集中式数据库场景均适用。1. 检查当前机…...

Windows预览版一键退出指南:如何快速恢复系统稳定性的完整教程

Windows预览版一键退出指南&#xff1a;如何快速恢复系统稳定性的完整教程 【免费下载链接】offlineinsiderenroll OfflineInsiderEnroll - A script to enable access to the Windows Insider Program on machines not signed in with Microsoft Account 项目地址: https://…...

数字时代的记忆守护者:重新定义你的聊天数据价值

数字时代的记忆守护者&#xff1a;重新定义你的聊天数据价值 【免费下载链接】WeChatMsg 提取微信聊天记录&#xff0c;将其导出成HTML、Word、CSV文档永久保存&#xff0c;对聊天记录进行分析生成年度聊天报告 项目地址: https://gitcode.com/GitHub_Trending/we/WeChatMsg …...

SITS2026 AISMM评估通关密钥:1张决策矩阵图+6个动态裁剪规则+1套证据链构建SOP

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;SITS2026深度解析&#xff1a;AISMM评估方法论 AISMM&#xff08;Artificial Intelligence System Maturity Model&#xff09;是SITS2026标准中核心的AI系统成熟度评估框架&#xff0c;旨在量化组织在…...

VSCode 2026跨端调试能力全解密,从React Native热重载卡顿到Tauri桌面应用内存泄漏,9个高危场景真实复盘与修复checklist

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;VSCode 2026跨端调试能力演进全景图 VSCode 2026 将跨端调试从“多环境适配”升级为“统一语义调试空间”&#xff0c;通过深度集成 WebAssembly System Interface&#xff08;WASI&#xff09;、Edge …...

【油浸式变压器】在不同气候条件下的油浸式变压器的能量极限研究附Matlab代码

​✅作者简介&#xff1a;热爱科研的Matlab仿真开发者&#xff0c;擅长毕业设计辅导、数学建模、数据处理、程序设计科研仿真。 &#x1f34e;完整代码获取 定制创新 论文复现点击&#xff1a;Matlab科研工作室 &#x1f447; 关注我领取海量matlab电子书和数学建模资料 &am…...

通俗数学7-质子三夸克的算法

我们身边的物质&#xff0c;大部分的质量来自原子&#xff0c;原子中质子和中子又是最高&#xff0c;其中质子又是最稳的。今天我叕激动着发现了它在我模型下的密码&#xff0c;随我来一究竟。 这时的电子已经接近且到达了能量无限聚集的界限。在其成为点粒子的时候&#xff0…...

KSail:统一Kubernetes本地开发工具链的聚合器与标准化平台

1. 从工具沼泽到单一入口&#xff1a;为什么我们需要 KSail&#xff1f; 如果你和我一样&#xff0c;在 Kubernetes 这片“云原生”的汪洋里扑腾过几年&#xff0c;那你一定对下面这个场景不陌生&#xff1a;为了在本地拉起一个开发集群&#xff0c;你打开终端&#xff0c;开始…...