Sass進口涼亭組件

我已經從COMPASS轉移到Libsass，速度很快，但我需要使用幾個涼亭組件來實現這一功能。Sass進口涼亭組件

它可能有點迂腐，但我必須在我的scss文件的頂部導入像這樣的組件。

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

這是醜陋的，有沒有辦法通過咕嚕或別名文件要麼導入，所以我可以做

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

來源

2015-02-11 LeBlaireau

要管理你的依賴，你可以使用咕嚕Wiredep（https://github.com/stephenplusplus/grunt-wiredep）自動添加文件main.scss文件。

將main.scss添加到wiredep配置中。

wiredep: { 

    task: {  

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

而在你main.scss文件流行這個。

// bower:scss 
// endbower

希望能幫到你！

來源

2015-02-11 19:17:57

我只是使用Gruntfile.js咕嚕在這種情況下，通過增加loadPath，與bower_components文件夾的位置，它是在同一水平在我的情況下的一個項目：

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

剛過將您的@import部分更改爲：

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

來源

2015-05-27 19:51:15 Kostanos

Sass進口涼亭組件

回答

相關問題