Меньше структуры импорта CSS

Question

У меня действительно большой файл .less, который я пытаюсь разбить на более мелкие файлы для удобства чтения.

Но файлы, которые я импортирую, зависят от переменных и миксинов из файла main.less ...поэтому они не компилируются самостоятельно.

Должен ли я просто включить переменные и миксины вверху обоих файлов, или есть лучший способ сделать это?

Answer 1

Вам не нужно включать переменные в каждый файл, если вы включаете их в файл main.less.

/* main.less */
@import mixins.less
@import one.less
@import two.less

Предполагая, что вы загружаете только main.less на свой сайт, когдавы работаете с one или two, переменные из mixins должны работать очень хорошо, так как все будет скомпилировано в main.less.

Answer 2

Если переменные и миксины не зависят от других стилей (как они, вероятно, должны быть), вы можете создать отдельные файлы для переменных и миксинов ...

- less_directory
  |-- mixins.less
  |-- variables.less
  |-- style1.less
  `-- style2.less

.. а затем просто import их по мере необходимости.