Совместно использовать переменную от JS и LESS в Angular

Question

У меня есть веб-сайт, и теперь мне нужно внести некоторые изменения для мобильных устройств.

Я собирался использовать медиа-запрос, чтобы применить css к этим меньшим div.

@media screen and (max-width: 320px) {

Но в коде мне также нужно изменить содержимое некоторого массива (который рисует некоторую разметку и т. Д. c ...) в зависимости от размера экрана.

Теперь я мог бы сделать 2 переменные:

одну на меньшую @mobileSize: 320 одну на js (постоянную) mobileSize = 320

Но мне интересно, есть ли способ поделиться та же самая переменная для LESS и JS, поэтому есть только 1 место, где я мог бы поместить эти переменные.

Спасибо

Answer 1

Я считаю, что @julianobrasil правильно предложит существующее решение, если вы хотите сэкономить время в долгосрочной перспективе!

Однако, если вы действительно хотите сделать это следующим образом, два предложения:

Использование файла JSON:

Определение переменных в файле json и импорт файла в LESS и JS. Вам нужно будет использовать загрузчик для загрузки json в меньшее, я сам этого не делал, но это должно работать less- json -import-loader

Экспортировать значение в вашем CSS и прочитайте его в JS:

Вы можете использовать getComputedStyle для чтения css значений в JS. Вот пост, показывающий, как это сделать для SASS , но принцип должен быть таким же и в LESS.