image-webpack-loader 图片压缩

最新推荐文章于 2024-05-12 09:50:11 发布

A1314bc

最新推荐文章于 2024-05-12 09:50:11 发布

阅读量614

点赞数 12

文章标签： webpack 前端 node.js

本文链接：https://blog.csdn.net/A1314bc/article/details/135544987

版权

本文介绍了image-webpack-loader的使用方法，包括安装、配置在Vue项目中的chainWebpack，以及其在压缩图片方面的优势。作者寻求关于该工具可能的弊端的反馈。

摘要由CSDN通过智能技术生成

image-webpack-loader虽然说官网已经不维护了但是压缩功力还是很强的，一张图见证一下

老实人不欺负老实人这真的就一下子秒开，以下代码复制之后直接使用

1. cnpm i image-webpack-loader --save-dev

2.安装完之后在vue.config.js 中进行如下配置当然我是使用chainWebpack 进行链式调用你也可以参考官网文档：image-webpack-loader - npm (npmjs.com)https://www.npmjs.com/package/image-webpack-loader

chainWebpack(config) {

config.module

      .rule("images")

      .use("image-webpack-loader")

      .loader("image-webpack-loader")

      .options({

        bypassOnDebug: true,

      })

      .end();

}

只能说使用简单又好用有没有大佬知道 image-webpack-loader 的弊端呢有的话请评论告诉我灰常感谢