是否可以在 scss 文件中 @import bootstrap 图标并通过 @extend 在其他 scss 类中使用它？

Question

是否可以像导入 bootstrap.scss 一样导入并扩展 scss 文件中的 bootstrap-icons.css ？

到目前为止我已经尝试过但没有成功：

@import "../node_modules/bootstrap-icons/font/bootstrap-icons";

.right-square-icon{
  font-size: 4rem;
  @extend .bi;
  @extend .bi-caret-right-square;
  @extend .text-dark;
}

出现错误：

找不到选择器“.bi”。

Answer 1

是的，可以通过 scss 导入 bootstrap-icons。

@import "~bootstrap-icons/font/bootstrap-icons.css";