2015-09-25 2 views
0

У меня есть вопрос относительно @import .LESS файлов. Для компиляции в CSS я использую Prepros (http://prepros.io/). СтруктураМЕНЬШЕ: Как @import файлы из родительской папки

моего текущего проекта заключается в следующем:

- all_projects/ 
---- assets/ 
------ partials/ 
-------- partial1.less 
-------- partial2.less 
------ mixins.less 
---- project/ 
------ project_styles.less 
------ variables.less 

мне нужно включить mixins.less и все partilas от активов/частичного/папки в project_styles.less. Я попытался @import их в obviuos образом "../ активы ...", но это не сработало. Вот пример кода:

project_styles.less

@import '../assets/mixins.less'; 
@import 'variables.less'; 
@import '../assets/partials/partial1.less'; 
@import '../assets/partials/partial2.less'; 

Я попробовал несколько решений, найденных в Stackowerflow и т.д. (http://goo.gl/yvtpFb), но никто на них не работал.

Не могли бы вы указать мне в правильном направлении, как этого достичь? Спасибо заранее!

С наилучшими пожеланиями, Alex

ответ

0

Путь вы описали это, как она должна работать.

Вы можете попробовать это с ворчанием глотки и с глотком или безрукавным пакетом. Я думаю, что приложение, которое вы используете, имеет некоторые проблемы. Если gulp/grunt не является вариантом, вы можете попытаться настроить структуру папок. Попытайтесь:

- all_projects/ 
-- project/ 
---- partials/ 
------ partial1.less 
------ partial2.less 
------ mixins.less 
------ variables.less 
---- project_styles.less 

Таким образом, вы сохраняете все частичные части вместе, смешивая и переменные, также нежны частичные.

Импорт затем должен быть таким:

@import '../project/partials/partial1.less'; 
@import '../project/partials/partial2.less'; 
@import '../project/partials/mixins.less'; 
@import '../project/partials/variables.less'; 
+0

Благодарим за ответ. К сожалению, бесполезно объединять все проекты в одной папке, потому что в этом случае я получу грязную структуру. Вот почему мне нужен каждый проект (сделанный для отдельного клиента) в отдельной папке. В любом случае, спасибо за ваше предложение :) – Nekto

+0

Я предлагаю решение, которое может решить вашу проблему. Я думаю, ваша проблема заключается в том, что вы работаете не с тем, как должен работать синтаксис Less – pwavg

+0

Да, я попросил автора приложения, почему это произошло. Но, к сожалению, я еще не получил ответа. – Nekto

0

Я не знаю, как prepros.io работает, но МЕНЬШЕ имеет http://lesscss.org/usage/#using-less-in-the-browser-options, чтобы установить процесс компиляции и из них заключается в следующем:

relativeUrls: false 

Согласно документам:

При необходимости настроить URL-адреса на быть относительным. Когда false, URL-адреса уже относительно файла с меньшей записью.

Предлагаю вам изучить это направление.

+0

Спасибо за подсказку :) Но эти настройки работают только для Less.js. Если бы я мог использовать что-то вроде файла config.rb как для Sass ... К сожалению, я еще не нашел такую ​​информацию. – Nekto

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