Javascript brocoli.js和Ember CLI：尝试让SCSS编译器工作 我尝试使用Beund CLI应用程序的基础，我想用西兰花SCSS汇编所有的SCS。就我的一生而言，我无法让它发挥作用 我在Bover组件中有基础，所以我已经尝试过了，从

而且

// app/styles/app.scss
@import "../../bower_components/foundation/scss/normalize";
@import "../../bower_components/foundation/scss/foundation.scss";

在浏览器中，我只得到大约800行编译的CSS，其中标准的

foundation.CSS

大约有4.4k行长。所以很明显有些地方出了问题

谢谢，下面是一个例子：

var tree = pickFiles("app/styles", {
  srcDir: '/',
  destDir: 'mui'
});
var muiTree = pickFiles("material-ui/src/less", {
  srcDir: '/',
  destDir: 'material-ui'
});
return compileLess(mergeTrees([tree, muiTree]), 'mui/app.less', 'assets/app.css')

因此，您可以看到第一个拾取文件为所有应用程序样式创建了一个树。第二个拾取文件为库样式创建一个树（在您的情况下，这应该是基础）。您应该有一个与样式库（在本例中为材质ui）匹配的设计目录。这将用于less/sass文件中的导入：

@import "material-ui/scaffolding.less";
@import "material-ui/components.less";

您可以看到，我没有通过全局路径引用材质ui文件，而是基于我以前使用的destDir名称

调用compileLess（与示例中的compileSass相同）将less/sass依赖项的完整树作为第一个参数，第二个参数是样式的主文件，第三个是输出文件

当less/sass希望检查依赖项（通过导入）时，它将在作为第一个参数传递的树中查找

希望这有帮助

@import "material-ui/scaffolding.less";
@import "material-ui/components.less";