无法将base64图像导入与webpack反应组件

Question

我在我的图像文件夹中创建了一个b64Images.js文件。里面我有以下几点：

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

我试图用将其导入到我的反应组件之一：

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' 

悲伤变得快乐