fixing images quality automatically

Author: prateekbh

package.json

@@ -33,6 +33,8 @@
   },
   "dependencies": {
     "@preact/prerender-data-provider": "^0.0.1",
+    "imagemin-mozjpeg": "^8.0.0",
+    "imagemin-webpack-plugin": "^2.4.2",
     "markdown-to-jsx": "^6.10.3",
     "preact": "^10.0.0",
     "preact-cli-plugin-netlify": "^1.5.0",

preact.config.js

@@ -1,6 +1,20 @@
 const netlifyPlugin = require('preact-cli-plugin-netlify');
+const ImageminPlugin = require('imagemin-webpack-plugin').default;
+const imageminMozjpeg = require('imagemin-mozjpeg');
 
 module.exports = (config) => {
 	netlifyPlugin(config);
+	config.plugins.push(new ImageminPlugin({
+		from: './build/assets/**',
+		pngquant: {
+			quality: '60'
+		},
+		plugins: [
+			imageminMozjpeg({
+				quality: 50,
+				progressive: true
+			})
+		]
+	}));
 	return config;
 };