如何在Angular 2中访问assets文件夹中的文件？

Question

我在Angular 2应用程序的assets文件夹中有一些图像和样式表文件，但是如何在主index.html文件中访问这些文件和图像呢？

- user3869304

---

与我们分享你的代码 - roeygol

你是否正在使用webpack或类似的工具？ - Ben Cameron

Answer 1

您需要将文件放在assets文件夹中，并使用相对路径。

例如，如果我将一个css文件放在 src/assets/css/myfile.css 中，那么我需要像这样访问它：

<link rel="stylesheet" href="assets/css/myfile.css">

- marioaviles

---

那我可能需要在组件中访问哪些文件？比如静态的JSON文件。 - Anand Undavia

对于 JSON 文件，您可以在此处查看：https://www.angularjswiki.com/angular/how-to-read-local-json-files-in-angular/ - user3356236

Answer 2

直接引用资产文件夹和内部图片工作

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

- Swapnil Thube

Answer 3

它比/app慢一步。因此，如果您在app/components/page/page.css内部，请引用url(/assets/images/logo.png)

- Rafael Medeiros

---

使用相对路径并不是一个好的实践。有没有更简单的方法？这些框架本来就应该让事情变得更容易，但显然它们并没有做到！ - Halil

当您将组件移动到另一个目录（深度不同）时，路径将会出错。 - theHacker