imagemin-webpack-plugin和image-webpack-plugin
时间: 2023-06-27 21:02:10 浏览: 199
imagemin-webp-webpack-plugin:Webpack插件,可将图像转换为WebP格式,同时保留原始文件
这两个插件都是用来优化图片的 webpack 插件,但是实现方式略有不同。
imagemin-webpack-plugin 会将 webpack 输出目录中的图片进行压缩和优化处理。它使用了 imagemin 库来实现图片压缩和优化,支持多种图片格式,如 PNG、JPEG、GIF 等。使用该插件需要先安装 imagemin 库。
而 image-webpack-plugin 会在打包过程中将图片转换为 base64 编码,并且生成一个单独的文件,以便浏览器可以更快地加载这些图片。该插件不需要安装其他库,因为它内置了 url-loader 和 file-loader。
总的来说,如果你需要对图片进行更加深入的压缩和优化,那么可以选择使用 imagemin-webpack-plugin;而如果你只是想将图片转换成 base64 编码以便更快地加载,那么可以选择使用 image-webpack-plugin。
阅读全文