Включить изображение в элемент Polymer - PullRequest
Новая
       11

Включить изображение в элемент Polymer

0 голосов
/ 01 ноября 2018

новый парень здесь, хотя я часто использовал этот сайт как безмолвный читатель, и он всегда помогал мне, но на этот раз я не нашел то, что искал. Сейчас я пытаюсь написать полимерный элемент, который должен включать картинку.

Итак, это файловая структура этого элемента: 

├── images
│   └── image.png
├── node_modules
├── package.json
├── package-lock.json
├── polymer-image.js
└── polymer.json

соответствующий код моего полимера-image.js: 

<div id="container">
        <img src="images/image.png" width="300" height="300">
      </div>

содержание Polymer.json этого композита (пытается каким-то образом включить это изображение): 

{
  "sources": [
    "images/**/*",
    "/images/**/*"
  ],
  "extraDependencies": [
    "images/**/*",
    "/images/**/*"
  ],
  "npm": true,
  "lint": {
    "rules": [
      "polymer-3"
    ]
  }
}

Я устанавливаю этот компонент в своем приложении через npm и включаю его в my-view.js с ES6 import. У меня проблема в том, что этот образ не содержится в папке build (es6-unbundled в моем каталоге). случае) polymer build на уровне приложения. Файловая структура моей сборки выглядит следующим образом: 

.
├── index.html
├── node_modules
│   ├── @myName
│   │   ├── my-polymer-image
│   │   │   └── polymer-image.js
│   ├── @polymer

## a lot of other stuff here##

├── push-manifest.json
├── service-worker.js
└── src
    ├── my-app.js
    └── views
        ├── default
        │   ├── my-view.js
        ├── home
        └── view-manifest.json

Так что image.png там нигде нет.

Что я здесь не так делаю? Заранее спасибо за помощь:)

...