2017-10-06 13 views
0

Aureliaのskeleton-esnext-webpackスタータープロジェクトからプロジェクトを開始しました。Aurelia Webpackスケルトンを使用して画像にアクセスする方法

静的フォルダにimagesという名前のフォルダを追加し、3つまたは4つの.pngファイルを追加しました。

さて、私の意見では、私はそれらの画像の一つにアクセスしようとしている:

<img src="./static/images/blk_leaves.png"> 

私は一貫していることを解決できないという(のWebPACKのコンパイル時とブラウザの両方で)エラーが出ますパス。

私は何が起こっているかを知るために十分WebPACKの構成を理解していないが、私はそのは.PNGファイルで何かをしようとして示しているように見えるラインを参照してください。

{ test: /\.(png|gif|jpg|cur)$/i, loader: 'url-loader', options: {limit: 8192} } 

それはありませんwebpackが画像をdistフォルダにコピーしているように見えます。これを機能させるには何が必要ですか?

ありがとうございました。

答えて

0

使用して画像をロードするための相対パス(とあなたがloadersを登録した他の資産)

例えばあなたは、SRC/app.htmlであなたのイメージをロードした場合、スタータープロジェクトでは、あなたは試すことができます..

<img src="../static/images/blk_leaves.png"> 
関連する問題