我在sample.scss文件中定义了以下自定义类。

.custom-class {
    @extend .rounded-pill;
    @extend .border;
    @extend .bg-light;
}

当我编译代码时，我得到以下错误
留言原文：找不到目标选择器。使用“@extend .rounded-pill！可选”以避免此错误
将其更改为@extend .rounded-pill !optional，使错误消失。但是，.rounded-pill、.border和.bg-light不会根据需要导入/应用到custom-class。有没有一种方法可以扩展bootstrap CSS类，而不必直接将bootstrap类导入到我的项目中？
我们的想法是包含bootstrap的CDS并定义自己的类来扩展bootstrap。
如果我添加@import ../node_modules/bootstrap/scss/bootstrap';一切工作，但引导代码导入到我的文件，我不想。

更新

为了澄清，这里有一个我想完成的示例，
下面的代码在custom-close.scss文件中。编译时，下面的SCSS代码应该会生成一个名为custom-close.css的新CSS文件。

@import ../node_modules/bootstrap/scss/_close';
@import ../node_modules/bootstrap/scss/_buttons';

.custom-close {
    @extend .btn;
    @extend .btn-close;
    padding: 0;
}

如您所见，我正在从Bootstrap模块导入_close.scss和_buttons.scss文件。
但是，导入_close和_buttons会导致_buttons和_close文件中的所有代码都包含在最终文件（即custom.css）中。