vuecli项目打包时压缩图片image-webpack-cli

1 安装

安装前最好往hosts文件添加一条记录：199.232.68.133 raw.githubusercontent.com。
因为GitHub的raw.githubusercontent.com域名解析可能因某些原因给临时污染了导致你下载image-webpack-loader失败（我就失败了好多回）。
上面的IP你可以通过 查询真实IP，输入raw.githubusercontent.com查找获取。

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

2 vue.config.js配置

module.exports = {
    // 。。。 这里省略其它配置
    chainWebpack: config => {
        config.module
            .rule('images')
            .test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
            .use('image-webpack-loader')
            .loader('image-webpack-loader')
            .options({
                bypassOnDebug: true
            })
            .end()
    },
}