Javascript Angular 4添加具有多种字体、js和css文件的资产文件夹

Javascript Angular 4添加具有多种字体、js和css文件的资产文件夹,javascript,angular,angular-cli,Javascript,Angular,Angular Cli,我创建了一个新的Angular cli项目,它使用Angular 4 目前的结构是: root | -- src | --- app --- assets --- environments 从我创建的一个静态html项目中,我有一个包含css、字体和js文件夹和文件的n资产文件夹,我想将它们集成到这个新项目中 我是如何做到这一点的?你应该做一个基本的谷歌搜索,因为这是一个非常基本的链接原则。你可以把文件放进去 assets文件夹(src

我创建了一个新的Angular cli项目,它使用Angular 4

目前的结构是:

root
  | 
  -- src
      |
      --- app
      --- assets
      --- environments
从我创建的一个静态html项目中,我有一个包含css、字体和js文件夹和文件的n资产文件夹,我想将它们集成到这个新项目中


我是如何做到这一点的?

你应该做一个基本的谷歌搜索,因为这是一个非常基本的链接原则。你可以把文件放进去
assets
文件夹(src也可以),并像在任何其他环境中一样将它们链接到您的
index.html

以下是一个示例:

<img class="profile-picture" src="/assets/profile-picture.jpg" alt="Profile Picture">

CSS也是如此:

<link rel="stylesheet" type="text/css" href="/assets/my-stylesheet.css"/>


-1。这不是一种有棱角的做事方式。除非绝对必要,否则不应使用index.html。请参阅以获得更好的(如果不是最好的)方法。Gavin的方法适用于图像,但不适用于CSS和JS文件。您能解释一下为什么不适用于CSS和JS吗?为什么可以';在整个项目中,您是否使用index.html中的样式表进行全局使用?是否有任何性能损失或编译错误?-1用于谈论“谷歌搜索”。这与问题无关,对搜索此内容的其他人完全没有帮助