Import 导入bower组件的Sass

我已经从COMPASS转到了Libsas，速度非常快，但我需要使用一些bower组件来实现这一点

这可能有点迂腐，但我必须像这样在我的scss文件顶部导入我的组件

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

这很难看，有没有一种方法可以通过grunt导入它们，或者将文件别名，这样我就可以这样做

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

---

要管理依赖关系，可以使用Grunt Wiredep（）自动将文件添加到main.scss文件中

// bower:scss
// endbower

将main.scs添加到wiredep配置中

wiredep: {

  task: {    

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

然后将其弹出到您的main.scss文件中

// bower:scss
// endbower

---

希望对你有帮助

在本例中，我只是将grunt与GrunFile.js一起使用，通过添加loadPath，在bower_components文件夹的位置，它与我的案例中的项目处于同一级别：

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