Module Error (from ./node_modules/image-minimizer-webpack-plugin/dist/loader.js):Error with ‘xxxx‘

webpack压缩gif图片时报错

ERROR in ./src/image/zzzzzzz.gif
Module Error (from ./node_modules/image-minimizer-webpack-plugin/dist/loader.js):
Error with 'D:\Strive\Lucky\webpack\src\image\zzzzzzz.gif': spawn D:\Strive\Lucky\webpack\node_modules\gifsicle\vendor\gifsicle.exe ENOENT
Error: Error with 'D:\Strive\Lucky\webpack\src\image\zzzzzzz.gif': spawn 

 

主要就是因为使用npm命令下载图片处理压缩包的时候 .exe 文件没有被下载到vendor中，在压缩gif文件时，缺少 gifsicle.exe 文件导致的。

一共可能会出现这几种报错

//缺少gifsicle.exe文件
Error with 'D:\Strive\Lucky\webpack\src\image\1.gif': spawn D:\Strive\Lucky\webpack\node_modules\gifsicle\vendor\gifsicle.exe ENOENT

//缺少jpegtran.exe文件
Error: Error with 'src\images\1.jpeg': '"D:\Strive\Lucky\webpack\node_modules\jpegtran-bin\vendor\jpegtran.exe"'

//缺少optipng.exe 文件
Error with 'src\images\3.gif': spawn D:\Strive\Lucky\node_modules\optipng-bin\vendor\optipng.exe ENOENT

下载之后放进 node_modules\gifsicle\vendor  文件夹下就可以了。

下边是下载链接

gifsicle.exe

jpegtran.exe

optipng.exe