2014-07-13 23 views
11

Założyłem nowy projekt npm/bower/grunt/sass/compass i teraz próbuję uzyskać tam również bootstrap. Jednak dla mojego życia nie mogę sprawić, że mój plik scss rozpozna to. Mam kompas i Sass działa, ale jakiś sposób staram się @import bootstrap, dostaję ten błąd:@import bootstrap-sass nie działa

error sass/style.scss (Line 2: File to import not found or unreadable: bootstrap. 
Load paths: 
/Applications/MAMP/htdocs/webnamehere2.0/sass 
/Library/Ruby/Gems/1.8/gems/compass-0.12.6/frameworks/blueprint/stylesheets 
/Library/Ruby/Gems/1.8/gems/compass-0.12.6/frameworks/compass/stylesheets 
Compass::SpriteImporter) 

Próbuję załadować „bootstrap-Sass” przez altana. Czy to powiedzenie, że muszę iść drogą Rubiego? Próbowałem:

@import 'bootstrap' 
@import 'bootstrap-sass 
@import '../bootstrap' 
@import 'bootstrap-sass-official' 

i zmianę pliku style.scss na style.css.scss.

Oto obraz moich projektów katalogów, czy to pomaga nikomu z niczego:

Image

Może ktoś proszę dać mi znać, jak mogę dostać ten projekt, aby zobaczyć Bootstrap?

+2

ok i rozwiązałem mój problem w przypadku, gdy ktoś inny go ma. Gdy używasz "@import bootstrap", jego odniesienie do pliku boostrap.scss. Przeniosłem ten plik do własnego folderu "sass", a następnie zmieniłem ścieżki wszystkich plików w pliku "bootstrap.scss". Ten film z youtube świetnie się sprawdza. http://www.youtube.com/watch?v=34yWSY0qnVY – nickg

+4

Powinieneś użyć ścieżki względnej, takiej jak '../ bower_components/bootstrap/more_folders/file.sass'. Pakiety instalowane przez altankę powinny być używane tak jak są i pozostawione w spokoju, aby w przyszłości mogły być zarządzane przez altanę (update/install/prune/etc). –

+0

Proszę dodaj komentarz jako odpowiedź i oznacz jako wypełniony. – joshhunt

Odpowiedz

-1

Odpowiedź z @nickg

Podczas korzystania @import bootstrap, jej odniesienie do pliku boostrap.scss.

Przeniosłem ten plik do własnego folderu sass, a następnie zmieniono ścieżki wszystkich plików w pliku bootstrap.scss.

Ten youtube video świetnie się wyjaśnia.