如何在不导入多个引导程序的情况下使用Angular 7中具有自定义功能的bootstrap 4 SASS mixins

Question

在我的angular.json中，这就是我所拥有的

"styles": [
    "src/assets/styles.scss"
],

在我的styles.scss中，添加了custom.scss

@import 'vendor/bootstrap/scss/custom';

在我的custom.scss中，这就是我的

// custom 24 grid system
$grid-columns: 24;

@import "node_modules/bootstrap/scss/bootstrap";

在我的SASS局部文件中，我可以使用bootstrap 4 mixins而不导入我的custom.scss文件，但是对于与Angular组件耦合的scss文件，我必须像这样导入custom.scss文件才能使用任何引导4个mixins。

@import 'vendor/bootstrap/scss/custom';

但是，如果这样做，我会在样式表中看到两次导入引导程序。如何避免重复进口？我试图将我的custom.scss直接添加到我的angular.json文件中，但这也重复了导入。