Add ImageMinimizerPlugin to Webpack config

facebook · Jan 9, 2022 · 92f1189 · 92f1189
1 parent b468d4f
commit 92f1189
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/react-scripts/config/webpack.config.js b/packages/react-scripts/config/webpack.config.js
@@ -18,6 +18,7 @@ const InlineChunkHtmlPlugin = require('react-dev-utils/InlineChunkHtmlPlugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+const ImageMinimizerPlugin = require('image-minimizer-webpack-plugin');
 const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
 const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
 const WorkboxWebpackPlugin = require('workbox-webpack-plugin');
@@ -298,6 +299,14 @@ module.exports = function (webpackEnv) {
         }),
         // This is only used in production mode
         new CssMinimizerPlugin(),
+        // This is only used in production mode
+        new ImageMinimizerPlugin({
+          minimizer: {
+            options: {
+              plugins: ['gifsicle', 'jpegtran', 'optipng', 'svgo'],
+            },
+          },
+        }),
       ],
     },
     resolve: {