进口波旁威士忌和西兰花

Question

我已经用 Bower 安装了 Bourbon，但无法让 broccoli-sass 导入 Bourbon。 Broccoli-sass 正在将我的 app.scss 文件编译为 app.css。

我试过了

@import '_bourbon';

和

@import 'bourbon';

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

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

我的 broc 文件：

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 中简单地添加 Bourbon 作为依赖项：

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

如果您查看此文件，您会发现它包含所有必要的导入。