使用材料设计组件与Ember-CLI-萨斯(Use Material Design Componen

我试图用材料组件Web（MDC-网络）与Ember-CLI-萨斯萨斯功能。 我已经安装了MDC的Web用长丝

在我的余烬-CLI-build.js文件我已经把我顶嘴的includepaths像这样：

 sassOptions: {
           includePaths: ['node_modules/material-components-web','node_modules/@material']      
    }

然后在我的app.scss文件尝试导入完整的组件库，如下所示：

@import "material-components-web";

然而，我发现了错误：

错误：要导入未找到文件或无法读取：错误@材料/按键/ MDC-按钮。

为什么SASS编译器没有找到它？

Answer 1:

这个问题让我也第一次我开始了。 我一直在使用它在我的余烬的应用程序现在几个月，这是我在我的app.scss什么工作

// Parent MDC Theming example

$mdc-theme-primary: #009688;
$mdc-theme-secondary: #00bcd4;
$mdc-theme-background: #fff;

@import "material-components-web/material-components-web";

// Overrides to follow example

.mdc-grid-tile__secondary{
    background-color: rgba(0, 150, 136, 0.75);
}
.mdc-list-item{
    white-space: unset;
    overflow: visible;
}

而在烬-CLI-构建

sassOptions: {
  includePaths: [
    'node_modules'
  ]
}

Answer 2:

在烬你不得不进口依赖性不烬插件，在ember-cli.build.js 。 见https://guides.emberjs.com/v2.18.0/addons-and-dependencies/managing-dependencies 。 由于2.15，也可以从node_modules导入（ https://discuss.emberjs.com/t/import-javascripts-from-node-modules-packages/13606 ）。

但在案件material-components-web这不应该在所有必要的。 相反，你可以简单地使用余烬附加余烬材料组件的Web ，包括material-components-web为您服务。

文章来源: Use Material Design Components with ember-cli-sass