import - Sass 导入 bower 组件

我已经从 COMPASS 转移到了 Libsass，速度很好，但我需要使用一些 bower 组件才能使其正常工作。

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

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

这很难看，有没有办法通过 grunt 或别名导入它们，以便我可以这样做

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

最佳答案

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

将 main.scss 添加到您的有线配置。

wiredep: {

  task: {    

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

并将其放入您的 main.scss 文件。

// bower:scss
// endbower

希望能帮到你!

关于import - Sass 导入 bower 组件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28458718/