Yeoman Установить Saas Bootstrap

Я создаю веб-приложение с помощью yoman и хочу включить Bootstrap в приложение.

Когда я запускаю следующую команду

bower install --save bootstrap

Он загружает Bootstrap в формате LESS. Любой способ загрузить версии на основе SAAS и установить их в проект в Yeoman.

когда я бегу

yo webapp

я не получаю SAAS с Bootstrap, но они бывают разных вариантов.

введите здесь описание изображения


twitter-bootstrap twitter-bootstrap-3 bower yeoman
person Harsha M V    schedule 13.02.2014    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Если вы запустите «yo webapp» и оставите отмеченное, вы получите Bootstrap в SASS-версии. Вы найдете файлы «sass-bootstrap» в «app/bower_components/sass-bootstrap».

То, что делает «yo webapp», на самом деле равнозначно включению вручную «sass-bootstrap» (https://github.com/jlong/sass-bootstrap) с помощью Bower

bower install --save sass-bootstrap

(«yo webapp», конечно, также устанавливает modernizr, но это не имеет отношения к вашему вопросу.)

person Ricki Runge    schedule 13.02.2014
comment
когда я запускаю только ваше веб-приложение и использую вариант, я получаю его через less. - person Harsha M V; 13.02.2014
comment
Итак, вы не получаете папку app/bower_components/sass-bootstrap? В этой папке вы сможете найти файлы SASS в папке lib. - person Ricki Runge; 13.02.2014
comment
когда я выполнил команду bower install --save sass-bootstrap, я сделал это. но когда я редактирую там файлы scss, я думаю, он не обновляется в реальном времени? приходится включать и выключать сервер grunt - person Harsha M V; 14.02.2014
comment
По умолчанию grunt.js, сгенерированный yo webapp, будет отслеживать только SASS-файлы в app/styles/. И livereload будет следить только за изменениями css в tmp/styles (это выходная папка для предварительной компиляции sass). Если вы хотите, чтобы grunt наблюдал за компонентом sass-bootstrap, для изменений sass вам придется обновить часы в grunt.js. То же самое происходит, если вы хотите, чтобы livereload следил за этими изменениями. - person Ricki Runge; 14.02.2014
comment
Но я бы не рекомендовал изменять файлы в папках app/bower_component/, так как эти изменения могут быть отменены Bower, выполняющим обновление компонента. Вместо этого создайте свой собственный sass-файл в app/style/ и из него импортируйте sass-файлы, которые вы хотите, из sass-bootstrap, и переопределите css то, что вы хотите по-другому. - person Ricki Runge; 14.02.2014
comment
@HarshaMV У меня была такая же проблема несколько минут назад. Продолжайте удивляться, почему я не могу получить версию SASS. Я продолжал получать МЕНЬШЕ. Затем я решил, что мне нужно использовать пробел, чтобы выбрать опцию Bootstrap и SASS, прежде чем я нажму Enter, чтобы запустить установку. - person Vennsoh; 02.06.2014