Меньше CSS перестал работать в Angular 7 - как это исправить? - PullRequest
0 голосов
/ 23 апреля 2019

В Angular 5 я импортировал bootstrap.less в любой файл меньшего размера, используя:

@import '~app/shared/less/bootstrap';

In Angular 6 Я обновил это значение до :

@import './src/app/shared/less/bootstrap';

Теперь с Angular 7 он снова остановился:

Не удается разрешить './src/app/shared/less/bootstrap'…


В основном у меня есть файл Less CSS с некоторыми миксинами и переменными, который находится в /src/app/shared/less/. Я хочу использовать этот файл в любом файле Less CSS и должен импортировать его, чтобы получить доступ к включенным миксинам.


Каков основной синтаксис в Angular 7?

1 Ответ

1 голос
/ 24 апреля 2019

Вы можете использовать ~src/app/shared/less/bootstrap для импорта начальной загрузки или использовать относительный путь для импорта, например: ../../shared/less/bootstrap (в зависимости от структуры вашего проекта).

~ - это быстрый способ ссылаться на root в порядкеработать с путями к SCSS / LESS.

Использование tilde было / есть НЕ , официально поддерживаемое и является фактическим артефактом внутренней реализациипостроить систему.

Хотя в настоящее время он может работать в определенных ситуациях, не гарантируется, что он продолжит функционировать в будущем.В описанных выше случаях использования стиля рекомендуется использовать относительный путь или использовать параметр includePaths ( больше подробностей ).

...