vue.js 前端框架 image-webpack-loader下载报错问题

我们在cnpm install，下载image-webpack-loader时会报这些error，在网上找了很多方法，重新删了node_modules，也没有用，这是因为在下载image-webpack-loader时，他没有找到这些包，所以需要我们自己另外单独去cnpm这些包。

下载的语句是：

cnpm install imagemin-gifsicle@7.0.0

cnpm install imagemin-mozjpeg@9.0.0

cnpm install imagemin-optipng@8.0.0

cnpm install imagemin-pngquant@9.0.2

在vue.config.js中配置image-webpack-loader

config.module

.rule('images')

.exclude.add(resolve('src/icons'))

.end()

.use('url-loader')

.tap(options => ({

limit: 10240,

fallback: {

loader: require.resolve('file-loader'),

options: {

name: 'static/images/[name].[hash:8].[ext]',

esModule: false,

}

}

}))

.end()

.use('image-webpack-loader')

.loader('image-webpack-loader')

.options({

mozjpeg: { progressive: true, quality: 50 }, // 压缩JPEG图像

optipng: { enabled: true }, // 压缩PNG图像

pngquant: { quality: [0.5, 0.65], speed: 4 }, // 压缩PNG图像

gifsicle: { interlaced: false } // 压缩GIF图像

})

.end()

.enforce('post')

我这边image-webpack-loader的版本是8.0.1，"webpack-cli": "^5.0.1"，node：v14.17.0，@vue/cli 4.4.4，vue@2.6.10

然后重新启动项目，就可以了

文章链接

 您阅读本篇文章共花了：