fix min iamge

ZoranWong · Oct 9, 2020 · b659a81 · b659a81
1 parent d3f52d6
commit b659a81
Showing 1 changed file with 29 additions and 5 deletions.
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
@@ -89,11 +89,35 @@ module.exports = {
             },
             {
                 test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
-                loader: ['url-loader?limit=10000&name='+utils.assetsPath('img/[name].[ext]'), 'image-webpack-loader'],
-                // options: {
-                //     limit: 10000,
-                //     name: utils.assetsPath('img/[name].[ext]')
-                // }
+                loader: 'image-webpack-loader',
+                options: {
+                    disable: process.env.NODE_ENV === 'production' ? false : true,
+                    mozjpeg: {
+                        progressive: true,
+                        quality: 65,
+                    },
+                    optipng: {
+                        enabled: true, // 表示不啟用這一個圖片優化器
+                    },
+                    pngquant: {
+                        quality: [0.65, 0.9],
+                        speed: 4,
+                    },
+                    gifsicle: {
+                        interlaced: false,
+                    },
+                    webp: {
+                        quality: 75, // 配置選項表示啟用 WebP 優化器
+                    },
+                }
+            },
+            {
+                test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+                loader: 'url-loader',
+                options: {
+                    limit: 8192,
+                    name: utils.assetsPath('img/[name].[ext]')
+                }
             },
             {
                 test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,