通常用webpack打包時，會根據webpack.config.js 中url-loader中設定的limit大小來對圖片進行處理，小於limit的圖片轉化成base64格式，其餘的不做操作。對於比較大的圖片我們可以用image-webpack-loader 來壓縮圖片。
安裝：

npm install image-webpack-loader --save-dev

在 webpack.config.js 中配置

{
  test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
  use:[
    {
    loader: 'url-loader',
    options: {
      limit: 10000
 
,
      name: utils.assetsPath('img/[name].[hash:7].[ext]')
      }
    },
    {
      loader: 'image-webpack-loader',// 壓縮圖片
      options: {
        bypassOnDebug: true,
      }
    }
  ]
}