Sass importuje komponenty altanowe

Question

Przeniosłem się z COMPASS na Libsass, prędkości są świetne, ale muszę użyć kilku komponentów altanowych, aby to zadziałało.

Może to być trochę pedantyczne, ale muszę importować moje komponenty w ten sposób na górze mojego pliku SCS.

@import "../bower_components/compass-mixins/lib/compass"; 
    @import "../bower_components/susy/sass/susy"; 

Jest brzydka, czy jest jakiś sposób, aby albo importować je poprzez grunt lub alias plików, więc mogłem zrobić

@import "compass"; 
@import "susy"; 

Answer 1

Aby zarządzać zależnościami, można użyć Grunt Wiredep (https://github.com/stephenplusplus/grunt-wiredep) aby automatycznie dodać pliki do pliku main.scss.

Dodaj plik main.scss do konfiguracji Wiredep.

wiredep: { 

    task: {  

    src: [ 
     'app/styles/main.scss', // .scss & .sass support... 
    ] 
    } 
} 

i pop to w main.scss pliku.

// bower:scss 
// endbower 

Mam nadzieję, że to pomoże!

Answer 2

Używałem chrząknięcie z Gruntfile.js w tym przypadku, dodając loadPath, z lokalizacją folderu bower_components, to w takim samym poziomie jak w projekcie w moim przypadku:

sass: { 
     dev: { 
      options: { 
       style: 'expanded', 
       compass: false, 
       loadPath: 'bower_components' 
      }, 
      files: { 
       '<%= project.css %>/style.css': '<%= project.scss %>/style.scss' 
      } 
     } 
    }, 

Po prostu zmień sekcję @import na:

@import "compass-mixins/lib/compass"; 
@import "susy/sass/susy";