进口波旁威士忌配西兰花

Question

我已经用Bower安装了波旁威士忌，但无法获得西兰花sass来导入波旁威士忌。Broccoli-sass正在将我的app.scss文件编译为app.css.

我试过

@import '_bourbon';

和

@import 'bourbon';

在我的app.scss文件的顶部，但得到错误：

错误：找不到或无法读取要导入的文件：_bourbon

我的兄弟文件：

var EmberApp = require('ember-cli/lib/broccoli/ember-app');
var compileSass = require('broccoli-sass');
var app = new EmberApp();
var sassImportPaths = [
  'app/styles',
  'bower_components/bourbon/app/assets/stylesheets',
];
var appCss = compileSass(sassImportPaths, 'app.scss', '/assets/app.css');

module.exports = app.toTree([appCss]);

Answer 1

无需在Brocfile中导入它。您可以简单地在app.scss:中添加波旁威士忌作为依赖项

@import "bower_components/bourbon/app/assets/stylesheets/bourbon.scss";

如果你查看这个文件，你会发现它包含了所有必要的导入。