用img-loader按步骤操作,然而压缩不成功

来源:4-2 文件处理(2)- 图片处理 - 压缩图片、自动合成雪碧图sprite、retina处理

分我一丁目

2018-10-26

不知道是什么原因,按照老师给的步骤一步步写,但是压缩不成功,打包出来文件和原来一样大。
压缩 png 依赖的 imagemin-pngquant 也安装了。
但运行结果是:
图片描述

我的配置是:

	{
       test: /\.(png|jpg|jpeg|gif)$/,
       use: [
           // {
           //     loader: 'file-loader',
           //     options: {
           //         publicPath: '',
           //         outputPath: 'dist/',
           //         useRelativePath: true
           //     }
           // },
           {
               loader: 'url-loader',
               options: {
                   limit: 5000,  //低于5kb就会被转为base64编码
                   publicPath: '',
                   outputPath: 'dist/',
                   useRelativePath: true
               }
           },
           {
               loader: 'img-loader',
               options: {
                   pngquant: {
                       quality: 80
                   }
               }
           }
       ]
   }
写回答

1回答

慕容8372415

2018-11-25

你看一下test配置的 . 好像没有转义,/\.(png|jpg|jpeg|gif)$/,不知道对不,试一下吧

0
1
分我一丁目
不好意思,我编辑问题时把配置的这段代码打错了(现已修正)。 然而不是这个问题引起的,我还是没有解决这个问题。请问你按老师的配置能成功压缩图片并设置图片的质量吗?
2018-11-26
共1条回复

四大维度解锁Webpack3.0前端工程化

前端开发标配,灵活掌握Webpack3.0的使用可以极大的提高前端开发的效率

1188 学习 · 403 问题

查看课程