Build breaks ссылка на изображение

Question

Мне нужно, чтобы моя ссылка на изображение работала после создания моего приложения. Как сделать polymer build перевести путь изображения из каталога src в build/bundled/src?

Моя файловая структура начал искать что-то вроде этого:

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

я ссылку на файл изображения в my-element следующим образом:

мое-приложение/SRC/мой-element.html

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

Изображение выглядит великолепно.

Чтобы построить мое приложение, я запускаю следующую команду:

polymer build 

Чтобы посмотреть, что я только что построили, я бегу:

polymer serve build/bundled 

Теперь ссылка на изображение сломана. Поэтому я проверяю исходный код в каталоге build/bundled и замечаю, что ссылка на ссылку <img src не изменилась и не был создан новый подкаталог images/, созданный в подкаталоге build/bundled/. Вместо этого я вижу следующее:

моего-приложение/строить/в комплекте/SRC/мой-element.html

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

Чтобы сделать эту работу, файловая структура должна иметь новый подкаталог images/ и выглядеть следующим образом:

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

Вы должны добавить includeDependencies массив в файл polymer.json:

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