vue-cli4 配置 webpack 之用 image-webpack-loader图片压缩处理/优化

vue-cli4已经默认帮我们做了很多优化处理，包括静态资源输出、样式处理、代码分割等等。我们需要自己手动配置的事情更少了，而图片压缩处理就是其中的一件。

很多人直接这样在vue.config.js里面加 image-webpack-loader 配置：

chainWebpack: config => {
   
  config.module
    .rule("images")
      .use("image-webpack-loader")
        .loader("image-webpack-loader")
        .options({
   
          mozjpeg: {
    progressive: true, quality: 65 },
          optipng: {
    enabled: true },
          pngquant: {
    quality: [0.65, 0.9], speed: 4 },
          gifsicle: {