React - 将图像导入到base64

Question

我有问题，如何将导入的图像转换为 Base64 代码？

import Image from '../image.png';

到

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAF4cAAA7pCAYAAADZ6441AAAACXBIWXMAAB7BAAAewQHDaVRTAAAgAElEQVR4nOzcPXIb2XqA4Q8iqAmBHQBeAZh1CGYO7/UO0CuwJ3N2oR2MV3DGO5gVuArhyaQdwEtAORL/jgt9AVZrRpQoij

Answer 1

因为您使用 webpack，所以您可以将url-loader其用作图像的加载器。它支持通过仅将其内容作为数据 URL 返回来导入文件，就像您在问题中指定的那样。

这是有关如何使用和集成它的官方文档。