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

webpack打包gz文件,nginx开启gzip压缩

wepback配置
webpack4配合"compression-webpack-plugin": "^6.1.2"打包压缩gz

chain.plugin("compression").use(new CompressionPlugin({test: /\.js$|\.html$|\.css$/,threshold: 10240, // 超过10KB的压缩deleteOriginalAssets: false,// 保留源文件}))

上传文件到服务器
nginx配置

location /h5/ {gzip on;	// 动态压缩,如果没有gz文件再压缩gzip_static on;// 优先返回静态gz文件gzip_http_version 1.1;gzip_proxied expired no-cache no-store private auth;gzip_vary on;gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;add_header Cache-Control no-store;index  index.html;}

相关文章:

  • 【RK3588/算能/Nvidia智能盒子】AI“值守”,规范新能源汽车充电站停车、烟火及充电乱象
  • Java每日作业day6.18
  • 操作系统分区的时候/boot和/boot/efi有什么区别?
  • shell脚本之函数
  • 持续总结中!2024年面试必问 20 道设计模式面试题(四)
  • CP AUTOSAR标准之FlashDriver(AUTOSAR_CP_SWS_FlashDriver)(更新中……)
  • Web前端开发UL:探索与解构列表的奥秘
  • 事实证明:企业级中后台框架,大厂还是主角,小厂打酱油。
  • 【C++98 智能指针1 auto_ptr的原理及代码案例】已弃用!!
  • Maven简单介绍
  • 优化 Flutter 应用开发:探索 ViewModel 的威力
  • 网络流量轮廓
  • 安全宣传咨询日活动向媒体投稿记住这个投稿好方法
  • 基于python的PDF文件解析器汇总
  • NVIDIA新模型Nemotron-4:98%的训练数据是合成生成的,你敢信?
  • 9月CHINA-PUB-OPENDAY技术沙龙——IPHONE
  • export和import的用法总结
  • hadoop集群管理系统搭建规划说明
  • Java多线程(4):使用线程池执行定时任务
  • Java反射-动态类加载和重新加载
  • Js基础知识(一) - 变量
  • JS实现简单的MVC模式开发小游戏
  • leetcode46 Permutation 排列组合
  • SpringBoot 实战 (三) | 配置文件详解
  • 从零开始在ubuntu上搭建node开发环境
  • 构造函数(constructor)与原型链(prototype)关系
  • 关于 Cirru Editor 存储格式
  • 浅析微信支付:申请退款、退款回调接口、查询退款
  • 如何实现 font-size 的响应式
  • 软件开发学习的5大技巧,你知道吗?
  • mysql面试题分组并合并列
  • ​DB-Engines 11月数据库排名:PostgreSQL坐稳同期涨幅榜冠军宝座
  • ​一文看懂数据清洗:缺失值、异常值和重复值的处理
  • # 安徽锐锋科技IDMS系统简介
  • (Oracle)SQL优化基础(三):看懂执行计划顺序
  • (PWM呼吸灯)合泰开发板HT66F2390-----点灯大师
  • (笔记)Kotlin——Android封装ViewBinding之二 优化
  • (博弈 sg入门)kiki's game -- hdu -- 2147
  • (附源码)ssm教材管理系统 毕业设计 011229
  • (六)软件测试分工
  • (一)eclipse Dynamic web project 工程目录以及文件路径问题
  • (自用)learnOpenGL学习总结-高级OpenGL-抗锯齿
  • ... fatal error LINK1120:1个无法解析的外部命令 的解决办法
  • .apk 成为历史!
  • .Net Core缓存组件(MemoryCache)源码解析
  • .NET高级面试指南专题十一【 设计模式介绍,为什么要用设计模式】
  • .NET企业级应用架构设计系列之应用服务器
  • .secret勒索病毒数据恢复|金蝶、用友、管家婆、OA、速达、ERP等软件数据库恢复
  • @Transactional事务注解内含乾坤?
  • @Transaction注解失效的几种场景(附有示例代码)
  • [ vulhub漏洞复现篇 ] Hadoop-yarn-RPC 未授权访问漏洞复现
  • [ 隧道技术 ] 反弹shell的集中常见方式(四)python反弹shell
  • [ 网络基础篇 ] MAP 迈普交换机常用命令详解
  • [2024-06]-[大模型]-[Ollama] 0-相关命令
  • [⑧ADRV902x]: Digital Pre-Distortion (DPD)学习笔记