Подтвердить что ты не робот

Неспособность скомпилировать; в Bootstrap 3 меньше источника

Я использую dotless 1.3.1.0 для компиляции меньших файлов. Это отлично работало с bootstrap 2.x, но после перехода на bootstrap 3.0.0 (скачал источник отсюда: http://getbootstrap.com/getting-started/), я вдруг получаю эту ошибку:

Ожидаемый ')', но найден '' в строке 47 в файле 'mixins.less': [46]:// Узлы быстрого доступа [47]:.size(@width; @height) {        ------------ ^ [48]: width: @width;

Кажется, что a; поскольку разделитель между параметрами недействителен меньше. Исходный источник в mixins.less выглядит следующим образом:

...
// Sizing shortcuts
.size(@width; @height) {
  width: @width;
  height: @height;
}
...

Нужно ли использовать обновленный компилятор? Или не удалось загрузить исходный бутстрап с ошибкой?

ОБНОВЛЕНИЕ 1: Я вижу, что существует запрос на растяжение для бесчисленного числа, устраняя проблему с помощью

https://github.com/dotless/dotless/pulls "Исправления для: не поддерживаются в списках параметров mixin # 319 # 320"

Я буду использовать файлы css до тех пор, пока это не будет исправлено без потерь.

4b9b3361

Ответ 1

Один из моих коллег, который использует dotless, имеет несколько исправлений для объединенных проблем Bootstrap 3. По-видимому Bootstrap3 теперь скомпилируется с последним кодом:)

https://github.com/dotless/dotless/commits/master

Я ожидаю, что скоро будет доступен обновленный пакет NuGet (на основе этот твит)

Ответ 2

Если вы заходите в bootstrap начало страницы, вы обнаружите, что они заявляют:

Меньшая компиляция

Если вы загружаете исходные файлы, вам необходимо скомпилировать Bootstrap's МЕНЬШИЕ файлы в используемый CSS. Для этого Bootstrap только официально поддерживает Recess, Twitter CSS hinter, построенный поверх less.js.

Хотя я не использовал бесчисленное количество слов, я придерживался аналогичного пути, который вы использовали с помощью lessc, а затем обнаружил, что использование перерыва разрешило мою проблему. Возможно, использование перерыва было бы для вас тоже вариантом?

В качестве примера у меня есть файл tmpfl.less со следующим содержимым:

@import "mixins.less";
@import "variables.less";


.wrapper {
  .make-row();
}
.content-main {
  .make-lg-column(8);
}
.content-secondary {
  .make-lg-column(3);
  .make-lg-column-offset(1);
}

Если я запустил на нем lessc, я получаю следующий результат:

lessc tmpfl.less 
NameError: .size is undefined in mixins.less:47:0
46 // Sizing shortcuts
47 .size(@width; @height) {
48   width: @width;

Теперь я успешно использую выемку следующим образом:

recess --compile tmpfl.less > tmpfl.css

Update:

Чтобы использовать Recess в среде .NET, особенно в Visual Studio, вы можете следить за этими инструкциями для получения подробной информации об установке. Эти инструкции предоставляют обзор, но, возможно, не будут детализированы при установке Node.js. Microsoft имеет несколько краткие слова об этом, и они ссылаются на проект GitHub, которые могут быть полезны в зависимости от вашей версии Visual Studio.

Если вы не сходите по маршруту Node.js-in-Visual Studio, то на самом деле главная цель - установить Node.js где-нибудь, а затем, в конечном счете, npm, менеджер пакетов для Node.js, чтобы вы могли установить Recess. Этого можно добиться в Windows, перейдя в загрузку Node.js и установку версии Windows. Установка npm выделена в fooobar.com/questions/31174/.... После установки вам просто нужно запустить npm для установки Recess следующим образом:

npm install recess -g

Это также обсуждается в первой ссылке этого обновления.

Ответ 3

Потратив часы на то, чтобы заставить это работать, я обнаружил, что в это время бесполезно бесполезно.

но здесь вы можете внедрить Less и Bootstrap 3 Less в свой проект ASP.NET MVC

http://www.tomdupont.net/2013/10/bootstrap-3-less-bundling-and-aspnet-mvc.html?showComment=1386250367416#c1439130135847828203

Этот парень только что выиграл в моей книге интернетов, и если вы можете отследить свой счет обмена стеками для меня, дайте мне знать.

Ответ 4

Я собрал httphandler, который будет меньше компилировать с использованием lessjs.

Это скорее доказательство концепции, чем код качества продукции, однако это может быть полезно для некоторых людей в качестве отправной точки.

Здесь вы можете найти источник:

https://bitbucket.org/martinbooth/clearscriptless

Если кто-то заинтересован в попытке сделать это с помощью юрского, вы можете найти мою попытку здесь:

https://bitbucket.org/martinbooth/jurassicless

Я не рекомендую юрскую для этого, потому что

  • потребовалось несколько исправлений ошибок в библиотеке, которые в настоящее время отсутствуют интегрированный в основной проект Мои изменения теперь находятся в главной ветке юры, поэтому это уже не проблема (хотя последняя версия в настоящее время не включает их)
  • он очень медленный, следовательно, причина, по которой я попробовал clearscript