Правильный способ использования имиджевых активов в Ionic 2
Какова наилучшая практика для имиджевых активов в Ionic 2? У меня есть куча SVG, которые я хочу использовать в качестве несистемных значков. Я нашел несколько более старых советов по использованию Gulp, но кажется, что команда Ionic решила на Rollup в качестве инструмента построения по выбору, до сих пор нет документов.
Кто-то сказал мне просто добавить их в www/img
. Любые недостатки?
Ответы
Ответ 1
Размещение изображений в www/img
звучит как хороший идеал, но он будет работать только при обслуживании с помощью ionic serve
.
При создании вашего приложения www/img
будет удалено, если вы не сделаете задачу gulp для копирования изображений из папки, которую вы хотите в папку www/build
, как показано в этом сообщении.
Изображения, используемые в html файлах, должны быть в src/assets/img
(рекомендуется), а не www/assets/img
(obselete). Теги изображений будут выглядеть следующим образом:
<img src="assets/img/yourimage.jpg" alt="your image">
В ионной 2 папка src/assets
предназначена для изображений и шрифтов.
Вот что говорит ионная команда в руководстве
Переместите www/img в src/assets/img.
Переместите любые другие ресурсы, которые у вас есть в www/to src/assets/.
Ответ 2
[...] кажется, что команда Ionic приняла решение о Rollup как инструменте построения выбор, никаких документов по этому пока.
Похоже, вы спрашиваете, как управлять образами с помощью нового RC.0
Как вы можете видеть в приложении приложение, изображения хранятся в src/assets/img
, а затем вы можете добавить их в свой HTML-код, например это:
<img src="assets/img/myImg.png">
Это один из шагов, описанных в руководстве Изменение существующего проекта (шаг 31, если быть точным), поэтому я думаю, что это то, что Ионная команда рекомендует.