Загрузка файлов * .less css через Yepnope - PullRequest
Новая
       19

Загрузка файлов * .less css через Yepnope

1 голос
/ 10 марта 2012

Я использую YepNope в качестве загрузчика ресурсов, но теперь мне нужно поддерживать файлы Less, но я не могу заставить его загрузить эти файлы, я прочитал:

https://github.com/SlexAxton/yepnope.js/pull/64

Но в действительности это не говорит о том, как это должно быть сделано ... нужно ли добавлять пользовательский фильтр или префикс с помощью! Less, а затем вручную записывать его в DOM?делать что-то вроде:

yepnope("path/to/file.less")

1 Ответ

4 голосов
/ 06 апреля 2012

Вот что я делаю: 

yepnope.addPrefix('less', function(resourceObj) {
    resourceObj.forceCSS = true;
    resourceObj.attrs = {
        'rel' : "stylesheet/less",
        'type': "text/css"
    };

    return resourceObj;
}

Это создаст функцию префикса yepnope для любого URL, который начинается с less!.Функция заставит его загружаться как CSS, а также поместит атрибуты rel и type в элемент <link>, которые необходимы для LESS для анализа файлов.Убедитесь, что вы используете yepnope 1.5+ или Modernizr.

Затем в ваших операторах загрузки: 

yepnope({
    load: [
        'less!path/to/file.less',
        'less!path/to/file2.less',
        ...
        'path/to/less.js'
    ]
});

, которые сначала загрузят ваши файлы *.less, а затем обработаютМЕНЬШЕ JavaScript.

...