Куда идут изображения в IONIC 2

Используя Ionic 2 beta 6, я решил простую задачу. Я сбросил свои изображения в app/assets/images (этот путь совершенно произвольный). Затем я добавил следующую задачу в gulpfile.js:

gulp.task("assets", function() {
    return gulp.src(["app/assets/images/*"])
        .pipe(gulp.dest("www/build/images"));
});

Вам также необходимо обновить задачи watch и build, чтобы включить новую задачу assets в их вызовы runSequence(). Я не верю, что порядок задач в последовательности имеет значение, в этом случае:

gulp.task("build", ["clean"], function(done) {
    runSequence(
        ["sass", "html", "fonts", "assets", "scripts"],
        function() {
            buildBrowserify().on("end", done);
        }
    );
});

Если вы выводите свои изображения по тому же пути, что и я, то вы бы ссылались на свои изображения в CSS из ../images/image-name.png и в <img> тегах из build/images/image-name.png. Я подтвердил, что эти изображения видны как из браузера, так и с устройства Android. Я не думаю, что для iOS все должно быть иначе.

Получил решение. Используется путь относительно index.html, а не папка шаблона.

Поэтому нам нужно использовать путь без ../

src = "img / John_Williams.jpg"

Это работает как в браузере, так и в apk

Привет, ребята! Я нашел способ добавить изображения в ionic v2

Создайте папку с изображениями в каталоге «www» (www / images /) и добавьте все изображения по этому пути.

Затем укажите путь к изображению, например, для страниц src = "images / logo.png"

в CSS .ThemeColor {background: url (/images/bg.png)};

Вот и все, работает для меня ..

Благодаря

Если ваше изображение - pool.jpg. Поместите его в /src/assets/img/pool.jpg

Он должен находиться в этом каталоге (assets), поскольку это ваш источник, из которого все строится.

Затем прекратите свою команду ионной подачи (Ctrl-C) или что вы используете.

Затем удалите ВСЕ в каталоге www (все равно будет восстановлено).

Затем перезапустите сервер, снова запустив «ionic serve».

Это перестроит каталог с изображениями. Вы можете ссылаться на изображение как background-image: url ('../ assets / img / pool.jpg'); в вашем коде.

Я использую ionic 3, и жаль, что он не фиксирует изменения в каталоге ресурсов. ИОНИК должен на это посмотреть.

www \ lib \ ionic внутри ionic создайте одну папку img теперь ваш путь www \ lib \ ionic \ img поместите фоновое изображение в эту папку img и в свою

www\lib\ionic\css\ionic.css 
inside ionic.css find .view-container class and past this line.
.view-container {
background: url("../img/main_bg.jpg") repeat scroll 0 0 / 100% 100%;
}