Ionic 2 の画像アセットのベスト プラクティスは何ですか? 非システム アイコンとして使用したい SVG がたくさんあります。Gulp の使用に関する古いヒントをいくつか見つけましたが、Ionic チームはロールアップを選択するビルド ツールとして決定したようです。これに関するドキュメントはまだありません。
に追加するように誰かに言われましたwww/img
。欠点はありますか?
Ionic 2 の画像アセットのベスト プラクティスは何ですか? 非システム アイコンとして使用したい SVG がたくさんあります。Gulp の使用に関する古いヒントをいくつか見つけましたが、Ionic チームはロールアップを選択するビルド ツールとして決定したようです。これに関するドキュメントはまだありません。
に追加するように誰かに言われました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
フォルダーは画像とフォント用です。
これは、既存のイオン プロジェクトを変更するためのガイドでイオン チームが述べていることです。
www/img を src/assets/img に移動します。
www/ にあるその他のリソースを src/assets/ に移動します。
私の場合、 ( /を削除した/assets/img/...
)に置き換える必要がありましたassets/img/...
最初は ionic serve で動作しますが、Android では動作しません