Laravel-Mix の SASSのimportに関して

Question

前提・実現したいこと

前提:
SASS初心者です。npm install 済み
実現したいこと：
Laravel のフレームワークでLaravel-Mixを使い、bootstrap をベースにSASSファイルを書いてます。
問題なく動くけど、多分同じbootstrapファイル二度何が無駄の多いCSS作成しでいます。一度のインポートしたら二回目はインポートしないでそのまま継承できるかな？もしくは他の方法をご教授お願い致します。

発生している問題

ふたつのsassファイルbootstrapをインポートしてを書いてます、生成したCSSファイルに同じbootstrapの内容二度出ています。
menu.sass (全画面に使う)
index.sass (個別の一覧画面に使う)

該当のソースコード

// resources/sass/menu.sass
@import "~bootstrap/scss/bootstrap";

.login-btn{
	@extend .btn;
	@extend .btn-success;
	@extend .col-md-auto;
	@extend .mt-1;
	@extend .mr-1;
	/** 関係ないので省略　**/
}
/** 関係ないので省略　**/

// resources/sass/index.sass
@import "~bootstrap/scss/bootstrap";

.tbl-name-col{
	@extend .col-md-auto;
	@extend .mt-1;
	@extend .mr-1;
	/** 関係ないので省略　**/
}
/** 関係ないので省略　**/

試したこと

試しに二度目のindex.sassでbootstrapをインポートしないなら以下のエラーメッセージが出ました、

補足情報（FW/ツールのバージョンなど）

Laravel 5.7
Laravel-Mix 4.0.7
bootstrap 4.0.0
PHP 7.2

Answer 1

Bootstrap4は、各モジュール毎にScssファイルがわかれているので、
node_modules/bootstrap/scss以下のファイルで必要分のみを読み込むと良いかと思います。

例）

@import "~bootstrap/scss/_buttons";

Comments

[KenTse]

ご返答ありがとうございます。
各モジュールの詳細はとこで参照できるでしょうか？

[aro10]

回答にある`node_modules/bootstrap/scss`下のディレクトリを確認してください。
あるいはGitHubのリポジトリなどをみてください。
https://github.com/twbs/bootstrap/tree/master/scss

[KenTse]

あと、試しに
@import "~bootstrap/scss/bootstrap";
を
@import "~bootstrap/scss/_buttons";
変えると、何がエラーメッセージが出ました。

[aro10]

_buttons.scssが依存している、別のbootstrapモジュール(functionsやmixinsなど)も先にincludeする必要があります。