Sass Importing bower components

Question

Ich bin von COMPASS zu Libsass gewechselt, die Geschwindigkeiten sind großartig, aber ich brauche ein paar Bower-Komponenten, um das zu erreichen.

Es mag ein bisschen pedantisch sein, aber ich muss meine Komponenten so am Anfang meiner scss-Datei importieren.

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

Es ist hässlich, ist es eine Möglichkeit, sie über Grunzen oder Alias-Dateien entweder zu importieren, damit ich

tun konnte

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

Answer 1

Ihre Abhängigkeiten zu verwalten, Sie Grunt Wiredep (https://github.com/stephenplusplus/grunt-wiredep) verwenden können, um automatisch die Dateien in Ihrer Datei main.scss hinzuzufügen.

Fügen Sie die main.scss zu Ihrer wiredep-Konfiguration hinzu.

wiredep: { 

    task: {  

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

und Pop dies in Ihrer main.scss Datei.

// bower:scss 
// endbower 

Hoffe das hilft dir!

Answer 2

Früher habe ich nur das Grunzen mit Gruntfile.js in diesem Fall durch Lastweg Zugabe, mit dem Standort bower_components Ordner, ist es in der gleichen Ebene wie ein Projekt in meinem Fall:

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

Bereits nach Ändern Sie Ihren @ Import-Abschnitt zu:

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