1 . 处理图片资源
在过去的 Webpack4 时,处理图片资源需要借助 file-loader 和 url-loader ,现在已经将两个 loader 功能内置到 Webpack 里了 ,我们只需要简单配置即可。
进行优化:
如果每张图片都需要去发起请求进行加载,就太慢了。所以可以将一些小内存的图片,将其变为
base64的格式(即转化为字符串的形式).
- 但转化为 base64 格式后 ,图片内存会增大一倍,所以这对大内存的图片就很不友好 。
- 所以我们一般只将 < 10kb 的图片转化为 base64 格式。
这就需要我们去自行配置