image-handler-loader

处理 CSS 中引用的本地图片，支持：

• 上传至服务器并更新 URL
• 转化为 base64 格式

Install

npm i --save-dev image-handler-loader

Usage

webpack.config.js

{
    test: /\.(jpe?g|png|gif)$/,
    use: [
        'image-handler-loader'
    ]
}

API

options

• threshold : number

  转化 bsae64 阈值, 默认为 1024 (Bytes)

  {
      test: /\.(jpe?g|png|gif)$/,
      use: [{
          loader: 'image-handler-loader',
          options: {
              threshold: 2 * 1024 // 小于等于 2KB 的图片转化为 base64
          }
      }]
  }

• compress : boolean

  上传图片是否压缩，默认为 true

  {
      test: /\.(jpe?g|png|gif)$/,
      use: [{
          loader: 'image-handler-loader',
          options: {
              compress: true // 压缩图片
          }
      }]
  }