高级 - 压缩图片

怕冷的火焰（~杰）

已于 2024-09-10 20:10:23 修改

阅读量99

点赞数 2

分类专栏： nodejs和webpack 文章标签： webpack

于 2024-09-10 20:09:20 首次发布

本文链接：https://blog.csdn.net/weixin_50236973/article/details/142107962

版权

nodejs和webpack 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

// 安装
npm i image-minimizer-webpack-plugin imagemin -D

// 无损
npm i imagemin-gifsicle imagemin-jpegtran imagemin-optipng imagemin-svgo -D

// 有损
npm i imagemin-gifsicle imagemin-mozjpeg imagemin-pngquant imagemin-svgo -D

// 配置
const ImageMinimizerWebpackPlugin = require('image-minimizer-webpack-plugin')

module.exports = {
  optimization: [
    new ImageMinimizerPlugin({
      minimizerOptions: {
        // Lossless optimization with custom option
        // Feel free to experiment with options for better result for you
        plugins: [
          ['gifsicle', { interlaced: true }],
          ['jpegtran', { progressive: true }],
          ['optipng', { optimizationLevel: 5 }],
          // Svgo configuration here https://github.com/svg/svgo#configuration
          [
            'svgo',
            {
              plugins: extendDefaultPlugins([
                {
                  name: 'removeViewBox',
                  active: false,
                },
                {
                  name: 'addAttributesToSVGElement',
                  params: {
                    attributes: [{ xmlns: 'http://www.w3.org/2000/svg' }],
                  },
                },
              ]),
            },
          ],
        ],
      },
    }),
  ]
}