webpackで構築されたパブリックフォルダから画像を読み込むことができません

Question

私は最近gruntから移行し、webpackの動作に問題があります。すべてのイメージが処理され、アプリケーションのビルド時に作成されたパブリックフォルダに追加されます。私はので、私の画像が存在しているはずsrc="content/images/ts-logo.svg"

：index.htmlファイルで

を私はこのようなts-logo.svgへのパスを参照しています：それは構築された後にここでのパブリックフォルダがあります同様にそれデベロッパーツールでsorcesウィンドウ見ることができます：フォルダ内に一つだけの画像があるのはなぜ

を、私は見当もつかない。私はデベロッパーツールでSVGファイルを開くと、ファイルが空で、端末からwgetを実行すると、それ以外の場合は言う：

wget http://localhost:1384/content/images/ts-logo.svg 
--2017-11-01 15:17:29-- http://localhost:1384/content/images/ts-logo.svg 
Resolving localhost (localhost)... 127.0.0.1 
Connecting to localhost (localhost)|127.0.0.1|:1384... connected. 
HTTP request sent, awaiting response... 200 OK 
Length: 65 [image/svg+xml] 
Saving to: ‘ts-logo.svg.1’ 

ts-logo.svg.1  100%[===================>]  65 --.-KB/s in 0s  

2017-11-01 15:17:29 (12,9 MB/s) - ‘ts-logo.svg.1’ saved [65/65] 

Answer 1

同じ問題！私の最後に手動で角度1.xのプロジェクトでのWebPACKを設定中

のWebPACKの画像をロードするための構成を以下しようとしました、今いくつかのファイルは、公開されたパスにロードされている

：

{ test: /\.(png|jpg|jpeg|gif)$/, loader: 'file-loader?name=./assets/images/[name].[ext]&publicPath=./' }

として： screenshot of browser after image load

Answer 2

パブリックフォルダは常に空だった私のpackage.jsonスクリプトでwebpack-dev-serverを実行していました。 webpackを実行して、私が望むようにパブリックフォルダを構築しました。