Угловое приложение 2
У меня есть файл less в assets/less/color.less
, который содержит некоторые переменные.
@submenu : #003C4F;
@sidebar : #00495D;
@hover : #006673;
Мне нужно иметь доступ к этим переменным в файле less моего компонента, расположенном по адресу app/app.component.less
. Я использую «webpack» для управления своими файлами.
Как импортировать внешний файл .less
в файл .less
компонента с помощью «веб-пакета»? Простой импорт не работает, как показано ниже.
//app.component.less
@import "assets/less/prm-color.less";
.grid-side {
height: 100%;
width: 45px;
background-color: @sidebar;
}
Все компилируется нормально, я просто получаю ошибку для этой переменной в инспекторе.
Недопустимое значение свойства
Вот мои менее загрузчики:
module: {
loaders: [
{
test: /\.less$/,
loader: 'raw',
},
]
},