webpackを使用してbase64イメージを反応コンポーネントにインポートできません

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はこれを処理するように既に設定されています。私は、私のレデューサー機能をインポートする際に問題はありません。

Answer 1

答えは、画像を自分で変換するのを忘れて、このパッケージをインストールすることです。

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

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

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

悲しみは幸福

なりなり