Правильный способ установить сингулярность с помощью Bower?

У меня возникли проблемы с установкой сингулярности в моем проекте yeoman gulp-webapp. Сначала я установил сингулярность с помощью Bower.

После этого у меня была такая структура проекта:

  My Projekt
    app
       bower_components
         compass_breakpoint
         sassy-maps 
         singularity
       styles
         main.scss

Затем я импортировал сингулярность в свой файл main.scss следующим образом:

@import "../bower_components/singularity/stylesheets/singularitygs";

В _singularity.scss я исправил путь импорта для точки останова следующим образом:

@import "../../compass-breakpoint/stylesheets/breakpoint";

Если я запускаю gulpnow в терминале, я получаю эту странную ошибку:

[gulp] Error in plugin 'gulp-ruby-sass':
Syntax error: Invalid CSS after "...ntext holder') ": expected "}", was "!global;"
    on line 47 of  /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/bower_components/compass-breakpoint/stylesheets/_breakpoint.scss
    from line 4 of /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/bower_components/singularity/stylesheets/_singularitygs.scss
    from line 1 of /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/styles/main.scss

at ChildProcess.<anonymous> (/Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/node_modules/gulp-ruby-sass/index.js:80:25)
at ChildProcess.EventEmitter.emit (events.js:98:17)
at maybeClose (child_process.js:743:16)
at Socket.<anonymous> (child_process.js:956:11)
at Socket.EventEmitter.emit (events.js:95:17)
at Pipe.close (net.js:466:12)

У кого-нибудь есть идея, как запустить эту настройку?

Спасибо, Оли


sass gulp yeoman-generator yeoman singularitygs
person oBear    schedule 06.03.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Хотя вы можете установить Singularity через Bower, вам нужно убедиться, что вы используете компилятор, совместимый с Sass 3.3. Лучший способ убедиться, что вы на самом деле используете правильную версию Sass, — это установить версию Ruby с помощью Bundler. Ваш Gemfile должен выглядеть примерно так:

source 'https://rubygems.org' gem "sass", "~>3.3.0.rc.3"

Затем убедитесь, что Gulp Ruby Sass работает через bundleExec.

person Snugug    schedule 06.03.2014
comment
Хорошо, я установил singularity с помощью сборщика и обновил свой gulpfile.js с помощью bundleExec: 'bundle exec sass',. В моем main.scss я импортировал singularity с @import singleitygs;` Но если я запускаю grunt watchnow, я получаю эту ошибку: [gulp] Error in plugin 'gulp-ruby-sass': Syntax error: File to import not found or unreadable: singularity's. - person oBear; 06.03.2014