如何在 MeteorJS 中使用 Material Components Web sass

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/"
  ]
}