ブレイクビズ画像リンク

Question

私のアプリをビルドした後、私の画像リンクを動作させる必要があります。 polymer buildをsrcディレクトリの画像パスをbuild/bundled/srcに変換するにはどうすればよいですか？次のように私はmy-element内の画像ファイルにリンク

my-app/ 
    index.html 
    images/ 
    my-image.png 
    src/ 
    my-element.html 

：

私のファイル構造は、このような何かを探し始めました

私のアプリ/ srcに/私の-element.html

<img src="../images/my-image.png"> 

イメージがすばらしく見えます。

私のアプリを構築するために、私は、次のコマンドを実行します。

polymer build 

は私がちょうど建て内容を表示するには、私が実行します。

polymer serve build/bundled 

今すぐ画像リンクが壊れています。そこで、build/bundledディレクトリのソースコードを確認して、<img srcパス参照が変更されていないことと、サブディレクトリbuild/bundled/に新しいimages/サブディレクトリが作成されていることに気が付きました。その仕事、ファイル構造が新しいimages/サブディレクトリを持っているし、次のようになりますようにするには

私のアプリ/構築/バンドル/ srcに/私の-element.html

<img src="../images/my-image.png"> 

：代わりに、私は、以下を参照してください。

my-app/ 
    index.html 
    images/ 
    my-image.png 
    src/ 
    my-element.html 
    build/ 
    bundled/ 
     index.html 
     src/ 
     my-element.html 
     images/ 
     my-image.png 

しかし、そうではありません。そして、次のようになります。

my-app/ 
    index.html 
    images/ 
    my-image.png 
    src/ 
    my-element.html 
    build/ 
    bundled/ 
     index.html 
     src/ 
     my-element.html 

したがって、<img srcのリンクが途切れます。

私のpolymer buildプロセスでこれを修正するにはどうすればよいですか？ polymer.json、manifest.json、package.json、gulpfile.jsなどのファイルに何かを追加する必要がありますか？

Answer 1

あなたのpolymer.jsonファイルにincludeDependencies配列を追加する必要があります。

{ 
    "includeDependencies": [ 
    "images/**/*" 
    ] 
}