在带有导入的CSS库的Angular styles.scss @extend元素中？

Question

我要在styles.scss文件中做的是：

@import '~tachyons/css/tachyons.css';

body {
  @extend .w-100;
}

但是当我打电话给ng服务时，它失败并显示：

"body" failed to @extend ".w-100". The selector ".w-100" was not found.

但是类.w-100存在于tachyons CSS库中。如何正确做？ （注意：我正在使用Angular 7）

Answer 1

我找到了解决方法。

我不得不导入sass版本，而不是导入tachyons的css版本。

@import '~tachyons-sass/tachyons.scss';

body {
  @extend .w-100;
}

似乎与sass-loader本身有关吗？ 无论如何，现在都可以。