@humorhan/tinypng-loader

tinypng-loader

基于tinyPng，作为url-loader处理图片资源时的前置处理器

require

webpack4.x

install

yarn add tinypng-loader

config

{
  test: /\.(png|jpe?g|gif)$/,
  use: [{
    loader: 'url-loader',
    options: {
      limit: 4096,
      name: 'img/[name].[ext]?v=[hash:8]'
    }
  }, {
    loader: 'png-loader',
    options: {
      key: 'xxx',
      ext: ['png', 'jpeg', 'jpg'],
      proxy: '',
      enable: true,
      cachePath: './node_modules/.tinypng'
    }
  }]
}

options

key

Type: String 在tinyPng申请key，免费版本每月限制压缩次数上限500

ext

type Array 需要处理的图片类型，目前支持png、 jpeg、 jpg三种类型

proxy

type string 代理

enable

type Boolean 上传开关

cachePath

默认会缓存在./node_modules/.tinypng文件夹下 缓存压缩后的图片，用于减少不必要的压缩操作。注意该文件夹应该是每次部署都不会删除的文件夹，才能有效命中缓存

issue

有任何问题，请在这里留言