2017-01-24 2 views
0

ノード/ webpackでライブラリjsoneditorを使用していますが、ボタンの画像が表示されない点を除いて、機能(機能/スタイリング)は問題ありません。アイコンが表示されるようにライブラリからインポートする方法(webpack/jsoneditor)?

私はデビッド・ブラッドショーは、このanswer

で提案されているように、私は何のエラーメッセージがありませんでしたSVGだけでなく、インラインSVG-ローダー用のファイル・ローダーを使用してみましたWebPACKのコンフィグで

import JSONEditor from 'jsoneditor'; 
import 'jsoneditor/dist/jsoneditor.css'; 
import 'jsoneditor/dist/img/jsoneditor-icons.svg'; 

でインポートコンソールでも。アイコンがCSSファイルから読み込まれているようです。 Webpackでicon svgファイルを使用するために何か特別なことがありますか?

すべてのヘルプは、私が最初の「SVG-インラインローダー」を使用しようとしましたが、ボタンのアイコンをロードすることはできません

答えて

0

をいただければ幸いです。

クローム開発ツールボタンのスタイルがbackground: transparent url(<svg>...</svg>);

だから私は「URL-ローダー」にローダーを変更し、それが今取り組んでいるであることを示しています。 ここtransparent url(/dev/assets/jsoneditor-icons.svg);

にボタンの変更のスタイルは私の設定です:

{ 
    test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, 
    loader: 'url?limit=10000&mimetype=image/svg+xml&name=/assets/[name].[ext]' 
} 
関連する問題