首页 > 其他分享 >打包工具 Webpack(三)

打包工具 Webpack(三)

时间:2024-01-31 15:33:48浏览次数:33  
标签:www webpackjs base64 Webpack https 工具 com 打包

打包工具 Webpack(三)

打包图片

webpack 是能够打包图片的,但是我们需要做一些优化,例如把小于 10kb 的编码成 base64

https://www.webpackjs.com/guides/asset-modules/#root

base64

它不会涉及网络请求,这是一个公认的事实

它只是一种公开的编码方式,不是加密算法,所以它不能够被加密

只要解码就能还原出原始数据

虽然通过 base64 编码会使原来的图片变大一点,但是它主要是变大一定的比例,如果5kb变成6kb,但是遇到大的,它会变大一些,比如200kb可能会变成250kb,体积增长了近50kb,所以我们一般只用来编码体积小的图片

为什么要编码成 base64 呢?

主要是它不涉及网络请求,可以减小服务器压力

标签:www,webpackjs,base64,Webpack,https,工具,com,打包
From: https://www.cnblogs.com/zhumenglong/p/17999352

相关文章

  • 教你使用铁威马NAS安全工具,让数据安心迎新年
    春运已经正式开始啦,大家抢到返乡的车票了吗?春节前除了大扫除,必不可少的还有检查我们的数据安全。每年过年家里总是免不了众多亲朋好友做客,人多虽然热闹但也有不少问题。在使用电脑时被玩闹的小朋友误触丢失数据?借电脑给突然需要在线办公的朋友却担心数据隐私安全问题?没关系,铁威马......
  • vite打包配置viteCompession压缩但页面无法打开
    前言后端换了服务器地址之后前端页面就无法访问,一直提示脚本加载失败 常规做法无疑是更改base地址为'/',当然这个具体地址还得看后端的Nginx配置 but,前端在开启viteCompession并且后端也配置了gzipon,gzip_staticon的情况下一直报错,在反复试错的情况下找到了......
  • 打包工具 Webpack(二)
    打包工具Webpack(二)它分为五大块入口出口加载器(webpack本身只能处理js、json等资源,其它资源需要借助加载器才能解析,比如css资源)插件模式我们一般会有一个配置文件(专门配置webpack的),叫做webapck.config.js//Node.js的核心模块,专门用来处理文件路径constpath=......
  • 打包工具 Webpack(一)
    打包工具Webpack(一)为什么需要打包工具?开发时,我们会使用框架(React、Vue),ES6语法、less/scss等css预处理器但是浏览器只认识纯粹的HTML/CSS/JavaScript所以我们需要打包工具帮我们转成浏览器认识的语法除此之外,打包工具还能压缩代码、提升代码性能等让我们来个案例......
  • 自动化测试之playwright工具
    playwright是由微软开发的WebUI自动化测试工具,支持Node.js、Python、C#和Java语言。playwright特性playwright具有以下特点:一、支持所有主流浏览器支持所有主流浏览器:基于Chromium内核的GoogleChrome和MicrosoftEdge浏览器),WebKit内核的AppleSafari和MozillaFir......
  • npm包(npm install --legacy-bundling) 通过npm-pack-all 打包tgz,放到内网(不联网)nexus
    npm包(npminstall--legacy-bundling)通过npm-pack-all打包tgz,放到内网(不联网)nexus发布(npmpublish)需求内网不联网,安装指定npm包,装不上,还要支持CI的测试打包,所以要将外网的npm包放到内网的nexus私服上举例安装quill@1.3.7外网机器桌面建立目录needPackage(目录名随便,但......
  • Python工具箱系列(四十九)
    使用PIL进行图片格式与尺寸转换现实世界中,图片是经常需要处理的二进制文件类型。从计算机发展的历史来看,图片的格式丰富多彩,但大体来说分成两类:•位图格式•矢量格式矢量格式如svg等,能够随意放大缩小而不变形,原因在于矢量格式描述了如何产生图形的方法。而位图格式(例如BMP/JPEG/PN......
  • Python工具箱系列(四十九)
    使用PIL进行图片格式与尺寸转换现实世界中,图片是经常需要处理的二进制文件类型。从计算机发展的历史来看,图片的格式丰富多彩,但大体来说分成两类:•位图格式•矢量格式矢量格式如svg等,能够随意放大缩小而不变形,原因在于矢量格式描述了如何产生图形的方法。而位图格式(例如BMP/J......
  • 【工具】全自动实时更换代理,PHP火车头/高铁插件
    作为一个网站运维/编辑人员,你是否一直在使用火车头/高铁效率提升工具?你是否会遇到以下这些情况:①目标网站限制UA(User-Agent);②目标网站判断来访(Referer);③目标网站判断cookie;④目标网站限制单个IP高频次请求;以上情况都是常见的网站内容防护手法,网站运维/编辑人员在借助火......
  • 感知可视化 测试工具部署
    1、安装Anaconda3-5.3.0-Windows-x86_64.exe时选择加入环境变量这个选项2、安装的位置默认为:C:\Users\Aiper01\Anaconda33、下载规控V2解压后放入C:\Users\Aiper01\Anaconda3\envs目录下4、打开CMD窗口输入命令:conda--version回车输入......