安裝image-webpack-loader插件
1喉前、如果先前嘗試使用 yarn 或 npm 安裝過，一定要先卸載掉诗赌，然后用 cnpm 安裝
yarn remove image-webpack-loader // npm uninstall image-webpack-loader
2汗茄、使用 cnpm 安裝 image-webpack-loader 會發(fā)現(xiàn)很快就安裝好了
cnpm install --save-dev image-webpack-loader
注：如果先前嘗試使用 yarn 或 npm 安裝過，一定要先卸載掉用 cnpm 安裝
在vue.config.js當中進行配置
chainWebpack: config => {
const imagesRule = config.module.rule('images')
imagesRule
.use('image-webpack-loader')
.loader('image-webpack-loader')
.options({
bypassOnDebug: true
})
.end()
}
然后進行打包铭若，圖片的壓縮最高可達60%以上洪碳。
如果在nuxt項目直接下載 image-webpack-loader即可，不用進行配置叼屠，也能達到效果瞳腌。
