Импортировать глобальный файл LESS в компоненте Angular

Question

В файле Angular 9 home.component.less я попытался импортировать файл глобального масштаба:

@import (reference) './mixins.less';

Файл в проекте root вместе с индексом. html. Итак, структура:

src
  mixins.less
  index.html
  app
    home
      home.component.less

Когда я ее строю, я получаю сообщение об ошибке:

Can't resolve './mixins.less' in '/project/src/app/home'

Как мне решить эту проблему?

Answer 1

Скорее всего, это ошибка пути.

Попробуйте

@import (reference) '../../mixins.less';

Для поиска файла в папке sr c.