vue-cli3.0配置图片压缩

vue-cli3.0配置图片压缩

通过如下命令，安装第三方包

cnpm i image-webpack-loader -D

装好包之后在vue.confing.js里面配置如下代码

// An highlighted block
  chainWebpack: config => {
    config.module
      .rule('images')
      .test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
      .use('image-webpack-loader')
        .loader('image-webpack-loader')
        .options({
          bypassOnDebug: true
        })
        .end()
  },

打包之后没有压缩的体积大小

打包之后压缩过的体积大小