Sass进口凉亭组件

LeB*_*eau 10 import sass bower susy

我已经从COMPASS转移到Libsass,速度很快,但我需要使用一些凉亭组件来实现这一点.

它可能有点迂腐,但我必须在我的scss文件的顶部导入我的组件.

   @import "../bower_components/compass-mixins/lib/compass";
   @import "../bower_components/susy/sass/susy";
Run Code Online (Sandbox Code Playgroud)

这很丑,有没有办法通过grunt或别名导入它们,所以我可以做

 @import "compass";
 @import "susy";
Run Code Online (Sandbox Code Playgroud)

小智 4

要管理依赖项,您可以使用Grunt Wiredep ( https://github.com/stephenplusplus/grunt-wiredep ) 自动将文件添加到main.scss文件中。

将 main.scss 添加到您的wiredep 配置中。

wiredep: {

  task: {    

    src: [
      'app/styles/main.scss',  // .scss & .sass support...
    ]
  }
}
Run Code Online (Sandbox Code Playgroud)

并将其弹出到您的main.scss文件中。

// bower:scss
// endbower
Run Code Online (Sandbox Code Playgroud)

希望对您有帮助!