require将图片编译成base64

在前端开发中，我们有时需要将一张图片编译成base64格式，这样可以减少网络请求次数，提高页面加载速度。在webpack等构建工具中，可以使用file-loader或url-loader来实现将图片编译成base64的功能。

如果你想手动实现这个过程，可以使用JavaScript中的FileReader对象读取图片文件，然后使用canvas将图片绘制到画布上，并使用toDataURL方法将画布内容转换成base64格式。以下是一个简单的示例代码：

const reader = new FileReader();
reader.readAsDataURL(file); // file是一个File对象，表示要读取的图片文件
reader.onload = function () {
  const img = new Image();
  img.src = reader.result;
  img.onload = function () {
    const canvas = document.createElement('canvas');
    canvas.width = img.width;
    canvas.height = img.height;
    const ctx = canvas.getContext('2d');
    ctx.drawImage(img, 0, 0);
    const base64 = canvas.toDataURL(); // 将canvas内容转换成base64格式
    console.log(base64);
  };
};