-
image-optimize-loader是一款用于webpack的图像加载工具,它能够实现图像缩小、压缩以及编码等功能
资源介绍
图像优化加载器
这种特殊的图像优化webpack加载器可以:
加载Webpack时,可以帮助您[编码图像/内嵌图像]和[压缩图像/缩小图像]。
帮助您在需要时将PNG / JPG图像转换为WEBP 。
它的特殊编码(内联)功能比强,特别适用于性能优化方案。 它将自动为emited image file或inlined images string压缩图像,而无需进行复杂的配置。
入门
首先,您需要安装img-optimize-loader :
$ npm install img-optimize-loader --save-dev
然后,您需要做的就是将img-optimize-loader到您的webpack配置中。
您无需为图像指定额外的加载器,例如file-loader或url-loader 。 img-optimize-loader将自动处理所有内容。
例如:
we