一、问题描述

Module build failed (from ./node_modules/image-webpack-loader/index.js):
Error: Cannot find module 'imagemin-gifsicle'

这是由于image-webpack-loader没有完全拉取下来：
image-webpack-loaderr依赖的图片处理库都需要拉取bin文件

 "requires": {
        "imagemin": "^7.0.0",
        "imagemin-gifsicle": "^6.0.1",
        "imagemin-mozjpeg": "^8.0.0",
        "imagemin-optipng": "^7.0.0",
        "imagemin-pngquant": "^8.0.0",
        "imagemin-svgo": "^7.0.0",
        "imagemin-webp": "^5.1.0",
        "loader-utils": "^1.2.3",
        "object-assign": "^4.1.1"
    }

二.解决方法

1、若安装过 image-webpack-loader 先卸载

yarn remove image-webpack-loader   // npm uninstall image-webpack-loader

2、使用 cnpm , 这一步意思就是安装 cnpm 然后将全局的 registry 设置成阿里的镜像，国内阿里比较快

npm install cnpm -g --registry=https://registry.npm.taobao.org

3、使用 cnpm 安装 image-webpack-loader 会发现很快就安装好了

cnpm install --save-dev  image-webpack-loader 

注：如果先前尝试使用 yarn 或 npm 安装过，一定要先卸载掉用 cnpm 安装

在vue.config.js里面配置

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