javascript - 无法使用 webpack 将 Base64 图像导入到 React 组件中

Question

我在图像文件夹中创建了一个 b64Images.js 文件。里面有以下内容:

export const placeholder = "data:image/png;base64,longb64string"

我正在尝试使用以下方法将其导入到我的 react 组件之一中:

import { placeholder} from '../../../images/b64Images.js'

它能够找到该文件，但我收到错误:

Module parse failed: fullpath/b64Images.js Line 1: Unexpected token
You may need an appropriate loader to handle this file type.

这只是一个 js 文件，我的 webpack 已经配置为可以处理这个文件。我在导入 reducer 函数时没有任何问题。

Answer 1

答案是忘记自己转换图像，然后安装此软件包。

https://github.com/antelle/base64-loader

import { placeholder} from '../../../images/b64Images.js'

变成了

import placeholder from 'base64!../../../images/image.png'

悲伤变成快乐