进口西兰花波旁威士忌-sass

Question

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

我试过了

@import '_bourbon';

和

@import 'bourbon';

在我的 app.scss 文件的顶部，但出现错误：

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

我的 brocfile：

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。您可以简单地将 Bourbon 添加为 app.scss:

中的依赖项

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

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

进口西兰花波旁威士忌-sass

Importing Bourbon with broccoli-sass

ember.js

bourbon

broccolijs