处理图片

119 阅读1分钟

file-loader

  module: {
    rules: [
      {
        test: /.(jpg|svg|gif|jpeg)$/,
        use: 'file-loader'
      },
      {
        test: /.(woff|woff2|eot|ttf)$/,
        use: 'file-loader'
      },
    ]
  }

url-loader 可以处理图片和字体,可以设置较小资源自动转换为 base64

  module: {
    rules: [
      {
        test: /.(jpg|svg|gif|jpeg)$/,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 10240 // 当图片小于 10kb 时,自动做 base64 转换
            }
          }
        ]
      },
    ]
  }