webpack下载图片压缩(imagemin)的依赖插件，出现下载失败的问题

Goat恶霸詹姆斯

已于 2023-12-04 23:50:20 修改

阅读量1.4k

点赞数

分类专栏：我的疑难杂症文章标签： webpack 前端 javascript

于 2022-12-03 10:41:02 首次发布

本文链接： https://blog.csdn.net/m0_59962790/article/details/128158247

版权

我的疑难杂症专栏收录该内容

10 篇文章 0 订阅

订阅专栏

在使用webpack进行优化时，对图片进行压缩打包，减少图片的体积，当然只是针对于本地的图片，在线的链接就不用了。

npm i image-minimizer-webpack-plugin imagemin

这个依赖一般没有什么问题,然后下载无损压缩的依赖:

npm i imagemin-gifsicle imgemin-jpegtran imgemin-optipng imagemin-svgo -D

接着出现以下问题：

在网上查阅后，是由于近期Github的raw文件读取地址遭受DNS污染，导致文件下载困难。网上也提供了解决方法：通过修改hosts文件的方式解决。

首先需要查出raw.githubusercontent.com的真实IP，进入这个网址：https://www.ipaddress.com/，在其中输入域名，然后点击查询

拉到最下面就是对应的IP:

然后设置hosts文件，路径是 C:\Windows\System32\drivers\etc\hosts

将这些ip添加进入就可以了：

然后重新下载即可，第一次下载会比较慢，要耐心等待一下

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Goat恶霸詹姆斯

关注关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Vite图片压缩(vite-plugin-imagemin) imagemin error: XXXX解决办法

qq_43806604的博客

05-12

1万+

1 安装 vite-plugin-imagemin（yarn or npm） node version: >= 12.0.0 vite version: >=2.0.0 yarn add vite-plugin-imagemin -D or npm i vite-plugin-imagemin -D 2 imagemin error:XXXXX 因为imagemin在国内不好安装，所以提供几个解决方案 1）使用yarn在package.json内配置（推荐） "

webpack 图像压缩_基于webpack的图片压缩最佳方案

weixin_40008946的博客

12-18

1967

一、目标实现项目构建时图片的最优图片压缩方案复制代码二、对比常见的在线图片压缩工具1. tinypng png 压缩率 66%；网站；一次可提供20张图片压缩，提供开发API需要申请免费key，每月可压缩500张图片。2. 优图压缩 png 压缩率 -6%；网站；惊悚，压缩之后变大了。3. 图好快 png 压缩率 79%；网站；提供免费API，但是限速，有点慢，vip充值可提高并发数，唯一好的...

参与评论您还未登录，请先登录后发表或查看评论

imagemin 依赖安装失败解决方案

sinat_41871344的博客

11-28

712

原文链接：https://jeesite.com/front/vben-admin/docs/other/faq.html#imagemin-依赖安装失败。尝试了很多方案都不行，比如切换网络环境，切换npm镜像地址，添加hosts域名映射等等。vue npm install安装错误。node版本v18.16.0。

image-minimizer-webpack-plugin开源项目教程

最新发布

gitblog_01101的博客

08-23

399

image-minimizer-webpack-plugin开源项目教程 image-minimizer-webpack-pluginWebpack loader and plugin to compress images using imagemin项目地址:https://gitcode.com/gh_mirrors/im/image-minimizer-webpack-plugin 一、项...

webpack图片压缩image-webpack-loader无法安装或安装卡死的解决办法

weixin_34392435的博客

08-01

4076

2019独角兽企业重金招聘Python工程师标准>>> ...

npm install webpack 下载失败

q610098308的专栏

02-27

684

1.可以换成国内镜像。

猫头虎分享已解决Bug || **Webpack插件下载失败** Error: unable to download Webpack plugin

从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！

05-12

844

大家好，我是你们的猫头虎博主！经常在前端领域奋战的我们，或多或少都遇到过Webpack插件下载失败的问题。我们知道，Webpack是现代前端开发必不可少的工具，但偶尔也会遇到诸如“”这类烦人的问题。尤其是我们在国内开发的时候，由于网络问题或插件版本问题，总是容易下载失败。让我们一起来深入了解这个错误的具体原因，并通过几个简单的步骤找到解决方案，以确保我们可以继续无忧无虑地编写优雅的代码！方法优点适用场景国内镜像源快速、方便，无需额外下载大部分常见插件均可用，但少量插件可能不在国内镜像上。

webpack中plugin下载失败原因

lf_refuel的博客

06-01

455

一开始将npm版本切换低版本进行尝试，还是下载失败，最后用cnpm下载成功了

webpack-css-imagemin-wrong-hash

05-16

通过以上分析，我们可以看到在遇到“webpack-css-imagemin-错误哈希”问题时，我们需要检查Webpack配置、构建流程、依赖安装以及CSS和图片的引用情况，确保所有环节都正常运作。理解这些知识点有助于解决实际开发中...

tinyimg-webpack-plugin:一个用于压缩图像的webpack插件

05-10

tinyimg-webpack-plugin是一个压缩图像的Webpack扩展器，提供JPG和PNG的压缩功能安装 npm i tinyimg-webpack-plugin 安装准备提前安装webpack和webpack-cli：npm i webpack webpack-cli 必须依赖webpack 4.0.0以上...

webpack优化

weixin_46364184的博客

12-30

214

webpack优化

webpack打包工具及原理

m0_62877814的博客

02-13

2183

webpack打包工具原理及特性分析

webpack静态资源打包上线后下载失败

jm2651568922的博客

04-09

268

image-webpack-loader下载报错问题

qq_28222917的博客

03-13

1652

我们在cnpm install，下载image-webpack-loader时会报包资源下载不全，导致重启项目报错

webpack安装出错

草灯的专栏

02-08

6399

最近一直在看vue框架，都说使用webpack打包程序好用，于是又去看了下webpack中文指南教程，根据步骤安装了下，结果在全局安装完在输入webpack -h就出现如下错误了 webpack指南中说道Webpack 需要 Node.js v0.6 以上支持，建议使用最新版 Node.js。从上图可以看出我的nodejs版本是够的，但是为啥会出错呢？于是我又重新

webpack5实践之image-webpack-loader下包卡死

splitSecond的博客

05-15

449

webpack5

webpack常用插件plugins

zk86547462的博客

08-22

489

插件官网一，HtmlWebpackPlugin HtmlWebpackPlugin简化了HTML文件的创建，以便为你的webpack包提供服务。这对于在文件名中包含每次会随着编译而发生变化哈希的 webpack bundle 尤其有用。你可以让插件为你生成一个HTML文件，使用lodash模板提供你自己的模板，或使用你自己的loader。安装 npm install --save-dev html-webpack-plugin 配置 //引入HtmlWebpackPlugin插件,简单创建 HTML

npm下载webpack时常见错误解决办法

@不喝海之言@

03-12

6369

npm下载webpack时出错解决办法这篇博客，我介绍了初始阶段，全局安装的情况下，三种常见的npm下载webpack时出错的原因及其解决办法。一：没有node.js 首先确定，你的电脑是否安装了node.js，并且可以正常使用。可以在DOS命令窗口输入node -v，npm -v，看是否会出现版本号：若正常显示，则成功，否则就需要重新安装一下了node.js了。如果你没有安装，那...

webpack15——webpack的三个小插件

qq_36836277的博客

06-04

153

1.每次打包文件的时候都能清空原有的打包文件 //webpack.config.js let {CleanWebpackPlugin} = require('clean-webpack-plugin') plugins: [ new CleanWebpackPlugin() ] 注：这里引进插件时，一定要用{}，否则会报错“CleanWebpackPlugin is not a con...

webpack中无损压缩下载包失败

07-23

你好！对于webpack中无损压缩下载包失败的问题，可能有几个原因导致。以下是一些建议的解决方法： 1. 检查webpack配置：确保你的webpack配置中启用了压缩功能。在webpack配置文件中，你可以使用`optimization.minimize`和`optimization.minimizer`选项来启用和配置压缩插件。 2. 检查依赖项：确保你的项目中安装了用于压缩的相关依赖项。常见的依赖项包括`uglifyjs-webpack-plugin`和`terser-webpack-plugin`。你可以在项目的`package.json`文件中查看这些依赖项是否存在，并检查它们的版本是否正确。 3. 检查编译错误：在webpack构建过程中，如果存在编译错误，可能会导致压缩失败。请检查你的控制台输出，查找任何与压缩相关的错误信息，并尝试解决它们。 4. 考虑其他压缩选项：如果以上方法仍然无法解决问题，你可以尝试使用其他压缩工具或插件来处理你的下载包。例如，你可以尝试使用Gzip或Brotli等压缩算法来压缩你的资源文件。希望以上方法能帮助你解决问题！如果还有其他疑问，请随时提问。