Ответ 1
Лучший способ сделать это - @import ваш LESS файл со всеми вашими переменными. Здесь синтаксис для ключевого слова @import:
// For LESS file includes,
@import "lib.less";
// or
@import "lib"; // infers the .less extension
// and for plain CSS includes which are added but not parsed by LESS
@import "style.css";
Это особенно хорошо работает, если вы обслуживаете файлы CSS для своих пользователей (в отличие от разбора in-browser less.js), потому что оператор @import объединяет ваши файлы LESS и CSS в один файл CSS. Возможно, вы можете подумать о наличии одного LESS файла контроллера, который включает ваши переменные, а затем ваши другие файлы LESS и CSS, чтобы конечный результат был одним единственным файлом, который вы обслуживаете в браузере.
Я предполагаю, что это было бы просто так:
// Controller.less
@import "english.less";
@import "chart.less";