webpack压缩图片资源

1、npm install --save-dev image-webpack-loader
2、

{
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        use: [
          {
            loader: "url-loader",
            options: {
              limit: 1000,
              name: utils.assetsPath("img/[name].[hash:5].[ext]")
            }
          },
          {
            loader: 'image-webpack-loader',// 压缩图片
          }
        ]

      },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 目录第1章 webpack简介 11.1 webpack是什么? 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 1,771评论 0 1
  • 前言 众所周知目前比较火的工具就是gulp和webpack,但webpack和gulp却有所不同,本人两者的底层研...
    cduyzh阅读 1,419评论 0 13
  • 学习目的 学习前端构建化工具 webpack,能熟练掌握 并使用 webpack 对项目进行打包优化。 ...
    _1633_阅读 1,388评论 0 7
  • 序言 本人之前都是利用大牛们提供配置好的项目,然后在本地配置npm install,最后运行npm run dev...
    lilyping阅读 8,766评论 11 103
  • 2-1 中文文档讲师主页印记中文 究竟是什么 最原始的网页开发方式 index.html index.js 测试 ...
    Mark同学阅读 497评论 0 0