Question

我已经用Bower安装了Bourbon，但是不能让西兰花进口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中导入它。您只需在您的app.scss中添加Bourbon作为依赖项：

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

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

用西兰花sass进口波本威士忌

1 个答案: