使用vue cli 3.如何使用 https://www.npmjs.com/package/imagemin-webpack-plugin 正确优化 src/assets/images 中的所有图像 png/jpg/svg在 vue.config.js 中:
const ImageminPlugin = require('imagemin-webpack-plugin').default
module.exports = {
configureWebpack: {
devtool: 'source-map',
plugins: [
new ImageminPlugin({
pngquant: {
quality: '90-95'
}
})
]
}
}
但它似乎没有处理我的图像,我错过了什么配置设置?
最佳答案
默认情况下,imagemin-webpack-plugin 应该可以很好地优化 PNG、GIF、JPEG 和 SVG。因此,即使您不使用任何选项(例如:new ImageminPlugin()
),您也会获得所有这些。如果你想自定义它的压缩程度,你可以随时查看 the docs自定义它。
如果您的图像没有经过优化,可能是因为该插件有一个“后备”功能,如果优化后的图像比原始图像大,它将仅使用原始图像。有时源图像无法更好地压缩,而回退到原始图像似乎是更好的默认设置。
关于vue.js - 带有 imagemin webpack 插件的 Vue cli 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54591618/