在Ionic 2中使用图像资产的正确方法 [英] Correct way to use image assets in Ionic 2
问题描述
Ionic 2中图像资源的最佳做法是什么？我有一堆SVG我想用作非系统图标。我发现了一些关于使用Gulp的旧技巧，但似乎Ionic团队决定将Rollup作为首选的构建工具，到目前为止还没有关于此的文档。
What’s the best practice for image assets in Ionic 2? I have a bunch of SVGs I want to use as non-system icons. I found some older tips on using Gulp but it seems Ionic team has decided on Rollup as the build tool of choice, no docs on this so far.
有人告诉我只需将它们添加到 www / img 。有任何缺点吗？
Somebody told me to just add them to www/img. Any downsides?
推荐答案
将图像放在 www / img 听起来像一个很好的理想，但它只适用于使用 ionic serve 在本地服务。
Placing your images in www/img sounds like a good ideal but it will only work when serving locally using ionic serve.
构建应用程序时， www / img 将被删除，除非您执行gulp任务复制图像从您想要的文件夹到 www / build 文件夹，如图所示在这篇文章中。
When building your app, the www/img will get deleted unless you make a gulp task to copy the images from the folder you want to the www/build folder as shown in this post.
html文件中使用的图像应该在 src / assets / img （推荐）而不是 WWW /资产/ IMG （废弃）。图像标签将如下所示：
Images used in html files should be in src/assets/img(recommended) and not www/assets/img(obselete). Image tags would then look like this :
<img src="assets/img/yourimage.jpg" alt="your image">
在离子2中， src / assets 文件夹用于图像和字体。
In ionic 2, the src/assets folder is meant for images and fonts.
这是离子团队在修改现有离子项目的指南：
-
将www / img移至src / assets / img。
Move www/img to src/assets/img.
移动您在www / to src / assets /.
Move any other resources you have in www/ to src/assets/.
这篇关于在Ionic 2中使用图像资产的正确方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
