2017-01-04 2 views
3

Я новичок в LESS, и я спрашиваю, потому что я смотрю тему Weebly с файлом main.less плюс файлы переменных для двух цветовых вариаций темы - variables_gold.less и variables_black.less.Может ли файл LESS ссылаться на файл переменных LESS без использования @import?

Каждый файл переменных содержит одни и те же переменные, но с разными значениями.

В любом из этих файлов нет строк @import и ссылок на файлы переменных в любом выходном коде для сайта, который я могу найти. Вся информация, которую я смог найти о ссылках на отдельные файлы переменных, включает @import, поэтому я еще не смог найти ответ с обычным поиском в Интернете. Таким образом, LESS просто автоматически ищет другие файлы LESS в одном каталоге для любых неопределенных переменных в определенном файле .less, или я должен заключить, что ассоциации между этими файлами создаются с помощью какого-то другого аспекта кодировки темы, которую я не нашел ? (Кажется, нет ссылок на какие-либо из вышеупомянутых файлов .less или любые файлы с эквивалентным именем .css в HTML-файлах темы или на выходной HTML-код, который я могу найти, так что я не вижу его как просто случай различных версий тем цвета, имеющих разные страницы HTML с различными деталями в их строках link rel="stylesheet".)

Заранее благодарен за ваши мысли по этому поводу.

ответ

1

Насколько я знаю, вы должны использовать @import (обычно в основном файле меньше). В противном случае было бы бесполезно иметь @import директиву, если она по-прежнему смотрит на других .less файлах

2

Поскольку это специализированное приложение для Weebly, есть шанс, что сайт использует процесс сборки для конкатенации переменного файла перед определениями стилей , в зависимости от настроек цветовой темы. В этом случае представляется, что переменная связь не имеет ничего общего с LESS, а скорее с невидимым процессом сборки.

См. this article для более подробного описания того, что я имею в виду.

0

Я был информирован следующим образом:

Переменные файлы не импортируются в main.less. Эти файлы определены в файле manifest.json, как в следующем примере для variables_black.less:

"variations": [ 
     { 
      "value" : "dark", 
      "sample": "#111111 ", 
      "is-dark": false 
     }, 
     { 
      "value" : "white", 
      "sample": "#dfdfdf ", 
      "is-dark": false 
     }, 
     { 
      "value" : "brown", 
      "sample": "#53382f ", 
      "is-dark": false 
     } 
    ], 
+0

Спасибо за ваши мысли раньше, Justinas и Джейсон. – James

Смежные вопросы