Manière correcte d’utiliser des ressources d’image dans Ionic 2
Quelle est la meilleure pratique pour les ressources d’image dans Ionic 2? J'ai un groupe de SVG que je veux utiliser comme icônes non-système. J’ai trouvé quelques conseils plus anciens sur l’utilisation de Gulp, mais il semble que l’équipe Ionic ait choisi Rollup comme outil de création de prédilection. Aucune documentation à ce sujet à ce jour.
Quelqu'un m'a dit de simplement les ajouter à www/img. Des inconvénients?
Placer vos images dans www/img semble être un bon idéal, mais cela ne fonctionnera que si vous utilisez localement avec ionic serve.
Lors de la création de votre application, le www/img sera supprimé, à moins que vous ne créiez une tâche complexe pour copier les images du dossier de votre choix dans le dossier www/build, comme indiqué dans cet article .
Les images utilisées dans les fichiers HTML doivent se trouver dans src/assets/img (recommandé) et non pas www/assets/img (obsolète). Les tags d'image ressemblent alors à ceci:
<img src="assets/img/yourimage.jpg" alt="your image">
Dans ionic 2, le dossier src/assets est destiné aux images et aux polices.
C’est ce que l’équipe ionic dit dans le guide pour modifier un projet ionic existant :
Déplacez www/img vers src/assets/img.
Déplacez toutes les autres ressources de www/vers src/assets /.
[...] il semble que Ionic l'équipe _ ait choisi Rollup comme outil de création de prédilection, aucune documentation à ce jour.
On dirait que vous demandez comment gérer les images avec la nouvelle RC.0
Comme vous pouvez le voir dans le application de conférence , les images sont stockées dans src/assets/img et vous pouvez ensuite les ajouter à votre code html de la manière suivante:
<img src="assets/img/myImg.png">
C’est l’une des étapes mentionnées dans le guide Modification de votre projet existant (étape 31 pour être précis), je suppose donc que c’est ce que Ionic recommande.
@ ionic/app-scripts: 3.1.8
Le chemin src ci-dessous a fonctionné pour moi dans Ionic 3. (préfixé ../ avant assets)
<img src="../assets/imgs/{{item.titleID}}.svg" alt="{{item.title_desc}}">
dans mon cas, je devais remplacer /assets/img/... par assets/img/... (enlevé le /)
les premiers travaux dans ionic servent mais pas sur Android