47

Ionic 2 中图像资产的最佳实践是什么？我有一堆 SVG 想用作非系统图标。我发现了一些关于使用 Gulp 的旧技巧，但似乎 Ionic 团队已决定将 Rollup 作为构建工具的选择，到目前为止还没有关于此的文档。

有人告诉我只需将它们添加到www/img. 有什么缺点吗？

4

4 回答 4

97

将图像放入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 项目的指南中所说的：

  1. 将 www/img 移动到 src/assets/img。

  2. 将您在 www/ 中的任何其他资源移动到 src/assets/。

于 2016-10-10T07:59:28.317 回答
11

[...] 似乎 Ionic 团队已决定将 Rollup 作为构建工具的首选，到目前为止还没有关于此的文档。

好像你在问如何使用新的 RC.0 管理图像

就像您可以在会议应用程序中看到存储图像一样src/assets/img，然后您可以将它们添加到您的 html 代码中，如下所示：

<img src="assets/img/myImg.png">

这是修改现有项目指南中提到的步骤之一（准确地说是第 31 步），所以我想这是 Ionic 团队推荐的。

于 2016-10-10T13:18:57.130 回答
3

@ionic/app-scripts：3.1.8

下面的 src 路径在 Ionic 3 中对我有用。（在资产之前添加 ../ 前缀）

<img src="../assets/imgs/{{item.titleID}}.svg" alt="{{item.title_desc}}">
于 2018-03-21T03:17:43.183 回答
0

就我而言，我必须替换/assets/img/...为assets/img/...（删除/）

第一个适用于 ionic serve 但不适用于 Android

于 2019-03-25T17:24:29.383 回答