Ionic 2の画像アセットのベストプラクティスは何ですか?非システムアイコンとして使用したいSVGがたくさんあります。 Gulpの使用に関する古いヒントをいくつか見つけましたが、Ionicチームは選択したビルドツールとしてRollupを決定したようです。これに関するドキュメントはこれまでのところありません。
誰かがwww/img
に追加するだけだと言った。欠点はありますか?
画像をwww/img
に配置するのは理想的ですが、ionic serve
を使用してローカルに配信する場合にのみ機能します。
アプリをビルドすると、この投稿の に示すように、必要なフォルダーからwww/img
フォルダーに画像をコピーするgulpタスクを作成しない限り、www/build
は削除されます 。
Htmlファイルで使用される画像は、src/assets/img
(廃止)ではなく、www/assets/img
(推奨)である必要があります。画像タグは次のようになります。
<img src="assets/img/yourimage.jpg" alt="your image">
ionic 2では、src/assets
フォルダーは画像とフォント用です。
これは、ionicチームが ガイドで、既存のionicプロジェクトを変更するために言っていることです :
Www/imgをsrc/assets/imgに移動します。
Www /にある他のリソースをsrc/assets /に移動します。
[...] Ionicチームは、Rollupを選択のビルドツールとして決定したようです。これまでのところ、これに関するドキュメントはありません。
新しいRC.0で画像を管理する方法を尋ねているようです。
会議アプリ で見ることができるように、画像はsrc/assets/img
に保存され、次のようにHTMLコードに追加できます。
<img src="assets/img/myImg.png">
これは 既存のプロジェクトの変更 ガイド(正確にはステップ31)で言及されている手順の1つであるため、Ionicチームが推奨するものだと思います。
@ ionic/app-scripts:3.1.8
以下のsrcパスはIonic 3.で機能しました(-prefixed ../アセットの前)
<img src="../assets/imgs/{{item.titleID}}.svg" alt="{{item.title_desc}}">
私の場合、/assets/img/...
をassets/img/...
に置き換える必要がありました(/を削除しました)
最初はionicで動作しますが、Androidでは動作しません