SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

perf: only process images when building for production

Browse source
This commit is contained in:
Sebin Nyshkim 2022-01-11 21:56:42 +01:00
parent d0b191706b
commit 3adbabc7da
1 changed files with 23 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

44
vue.config.js
View file

@ -51,26 +51,28 @@ module.exports = {
return args;
});
config.module
.rule("images")
.test(/\.(png|jpe?g|gif|webp|svg)(\?.*)?$/i)
.use("image-webpack-loader")
.loader("image-webpack-loader")
.tap((options) => {
const newOpts = {
mozjpeg: {
progressive: true,
quality: 75,
},
pngquant: {
quality: [0.65, 0.9],
speed: 4,
},
gifsicle: {
interlaced: false,
},
};
return { ...options, ...newOpts };
});
if (process.env.NODE_ENV === "production") {
config.module
.rule("images")
.test(/\.(png|jpe?g|gif|webp|svg)(\?.*)?$/i)
.use("image-webpack-loader")
.loader("image-webpack-loader")
.tap((options) => {
const newOpts = {
mozjpeg: {
progressive: true,
quality: 75,
},
pngquant: {
quality: [0.65, 0.9],
speed: 4,
},
gifsicle: {
interlaced: false,
},
};
return { ...options, ...newOpts };
});
}
},
};