Ответ 1
Редактировать: 14 января 2015 г.
Использование gulp
-
Убедитесь, что у вас есть node из nodejs.org
1.1: Собственный
/usr/local, чтобы вы могли запускать команды npm без sudo:sudo chown -R `whoami` /usr/local -
Установите gulp глобально:
npm install gulp -g - Создайте папку на рабочем столе и перейдите к ней:
cd ~/Desktop && mkdir boot-gulp && cd $_. - Инициировать манифест проекта:
npm initи принять значения по умолчанию. - Установите gulp и gulp -less:
npm install gulp gulp-less. - Сделайте файл с именем
gulpfile.jsи вставьте в него следующий файл:
gulpfile.js
var gulp = require("gulp");
var less = require("gulp-less");
gulp.task("less", function() {
gulp.src("less/main.less")
.pipe(less())
.pipe(gulp.dest("css"));
});
- Установить глобальную привязку:
npm install bower -g - Установить бутстрап с беседкой:
bower install bootstrap - Сделайте файл
less/main.lessи загрузитеbootstrap.less:
less/main.less
@import "bower_components/bootstrap/less/bootstrap.less";
// overrides here
@primary: #000;
// ...
- Запустите
gulp less, и вы увидите результат в папке css.
Добавление часов
- Добавьте плагин
gulp-watch:npm install gulp-watch - Обновить
gulpfile.js, чтобы посмотреть любой файл и автоматически скомпилировать css:
gulpfile.js
var gulp = require("gulp");
var less = require("gulp-less");
var watch = require("gulp-watch"); //+
gulp.task("less", function() {
watch("less/**/*.less", function(){ //+
gulp.src("less/main.less")
.pipe(less())
.pipe(gulp.dest("css"));
}); //+
});
Теперь запустите gulp less. Теперь он просматривает все меньше файлов в папке less. Внесите изменения и сохраните любой файл в папке less, и вы должны автоматически увидеть вывод в папке css.
EDIT: 1 января 2014 года
Дайте Koala. Он компилирует ваши файлы LESS в реальном времени. Он бесплатный и кросс-платформенный. Вы также можете просмотреть этот FAQ о компиляции Bootstrap с Koala.
Оригинальный ответ
Я воспроизвел вашу проблему с вашим приложением. Я попробовал другое приложение, например crunch app, и он отлично работал. Поэтому с хрустом просто перетащите файл bootstrap.less в это приложение и нажмите кнопку crunch file в правом верхнем углу приложения. Затем он спросит вас, где его сохранить. Я лично использую инструмент командной строки-packager (npm install -g assets-packager). Надеюсь, что это помогло.