打包工具 Webpack（三）

打包工具 Webpack（三）

打包图片

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

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

base64

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

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

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

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

为什么要编码成 base64 呢？

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

posted @ 2024-01-31 15:27  朱在春  阅读(5)  评论(0)  编辑  收藏  举报