如何在MeteorJS中使用材料组件Web

Question

我想在我的流星应用程序中使用material design components for web。不幸的是，当从npm包导入mdc时，如下所示：

@import "{}/node_modules/material-components-web/material-components-web";

我得到以下错误：

While processing files with fourseven:scss (for target web.browser):
/client/stylesheets/Application.scss: Scss compiler error: File to import: @material/animation/mdc-animation not found in
file: {}/node_modules/material-components-web/material-components-web.scss

我想这是因为mdc的结构。material-components-web.scss文件导入位于node_modules/@material中的所有单个组件，而不是在node_modules/material-components-web中。

我正在使用fourseven:scss包在流星应用程序中编译sass。

我如何解决/解决这个问题？

Answer 1

正如我在你关于github的文章中所写的：

您需要创建一个scss-config.json文件，如下所述：https://github.com/fourseven/meteor-scss#global-include-path

该文件的内容如下：

{
  "includePaths": [
    "{}/node_modules/"
  ]
}