导入css时，角度组件显示错误，没有此类文件或目录

Question

I am creating an angular component and in the assets folder i have pasted all the js and extra css files. But when i am trying to import the css file in a particular component it shows error that no such file or directory found where as when i click ctrl+click it goes to the right path but during compilation it shows this error.

I tried including absoulte path but still issue not resolved

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

@import '/src/assets/fonts/font-awesome-4.7.0/css/font-awesome.min.css';

Answer 1

When adding a file as an asset, it makes it available througout your entire application.

This is, for instance, what happens with your style.scss file.

If you have added it to your assets, then simply consider its entiretity to be available in all of your components.

This means you can now use all classes of font awesome, in any component template, without worrying about importing it.