ashpie
/
swaf-boilerplate
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add imagemin-webp

This commit is contained in:
Alice Gaudon 2021-06-07 11:24:52 +02:00
parent 7e260ebde2
commit 938e8b4ebb
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -44,6 +44,7 @@
"imagemin-mozjpeg": "^9.0.0", "imagemin-mozjpeg": "^9.0.0",
"imagemin-pngquant": "^9.0.2", "imagemin-pngquant": "^9.0.2",
"imagemin-svgo": "^9.0.0", "imagemin-svgo": "^9.0.0",
"imagemin-webp": "^6.0.0",
"jest": "^27.0.4", "jest": "^27.0.4",
"maildev": "^1.1.0", "maildev": "^1.1.0",
"mini-css-extract-plugin": "^1.2.1", "mini-css-extract-plugin": "^1.2.1",

5
webpack.config.js
View File

@ -1,7 +1,7 @@
const path = require('path'); const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const ImageMinimizerPlugin = require("image-minimizer-webpack-plugin"); const ImageMinimizerPlugin = require("image-minimizer-webpack-plugin");
const { extendDefaultPlugins } = require("svgo"); const {extendDefaultPlugins} = require("svgo");
const TerserPlugin = require('terser-webpack-plugin'); const TerserPlugin = require('terser-webpack-plugin');
const dev = process.env.NODE_ENV === 'development'; const dev = process.env.NODE_ENV === 'development';
@ -84,6 +84,7 @@ const config = {
["gifsicle", {}], ["gifsicle", {}],
["mozjpeg", {}], ["mozjpeg", {}],
["pngquant", {}], ["pngquant", {}],
["webp", {quality: 90}],
// Svgo configuration here https://github.com/svg/svgo#configuration // Svgo configuration here https://github.com/svg/svgo#configuration
[ [
"svgo", "svgo",
@ -96,7 +97,7 @@ const config = {
{ {
name: "addAttributesToSVGElement", name: "addAttributesToSVGElement",
params: { params: {
attributes: [{ xmlns: "http://www.w3.org/2000/svg" }], attributes: [{xmlns: "http://www.w3.org/2000/svg"}],
}, },
}, },
]), ]),