Использование LessCSS снаружи RequireJS

Question

Я работаю с RequireJS, чтобы организовать приложения Backbone, и я пытаюсь использовать LessCSS во время разработки сайта за пределами require, чтобы избежать страницы, что делает стили очень медленными.

<script type="text/javascript" data-main="/js/config.js" src="/js/libs/require/require-2.1.8.min.js"></script> 
<link rel="stylesheet/less" type="text/css" href="http://website.local/css/styles.less"> 
<script type="text/javascript"> 
    less = { 
     env:"develop" 
    } 
</script> 
<script type="text/javascript" src="/js/libs/less/less-1.4.1.min.js"></script> 

Когда я загружаю LessCSS JavaScript файл вне RequireJS скомпилировать мой МЕНЬШЕ код, который я получаю эту ошибку на Chrome debugger:

Uncaught Error: Mismatched anonymous define() module: function(){return r} 

Ошибка генерируется только если загрузить внешнюю библиотеку вне RequireJS запросов.

Существует ли какой-то способ избежать RequireJS выдает эту ошибку и позволяет мне работать с внешней библиотекой JavaScript, такой как LessCSS?

Answer 1

Чтобы помочь вам, вы можете использовать плагин требуемого пользователя guybedford (https://github.com/guybedford/require-less).

Другой альтернативой является использование менее компилятора для скомпиляции css и загрузка css вместо этого.

Answer 2

Попробуйте выполнить загрузку (и выполнение) за последний год до необходимо; то есть:

<link rel="stylesheet/less" type="text/css" href="http://website.local/css/styles.less"> 
<script type="text/javascript"> 
    less = { 
     env:"develop" 
    } 
</script> 
<script type="text/javascript" src="/js/libs/less/less-1.4.1.min.js"></script> 
<script type="text/javascript" data-main="/js/config.js" src="/js/libs/require/require-2.1.8.min.js"></script> 

Этот способ меньше не будет видеть среду AMD и загружать ее в качестве стандартного сценария.

В противном случае вы должны загрузить меньше на require() -в его (например, плагин rwquire-less, о котором упоминает mallim).