无法将base64图像导入与webpack反应组件
问题描述:
我在我的图像文件夹中创建了一个b64Images.js文件。里面我有以下几点:无法将base64图像导入与webpack反应组件
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功能。
答
答案是忘记自己转换图像,然后安装这个软件包。
https://github.com/antelle/base64-loader
import { placeholder} from '../../../images/b64Images.js'
成为
import placeholder from 'base64!../../../images/image.png'
悲伤变得快乐