可変パスのWebpackとブートストラップ

Question

Webpackへの移行import sassまたはcssに問題がありました。

私はブートストラップ私のnode_modulesにインストールされていると、私のファイル構造の内部で、私はこれやろうとしている」：ブートストラップSCSS内部

// folder scss 
- vendor 
    - bootstrap 
    - pickadate 
- views 
- components 
- base 

を、私は、ブートストラップファイルのインポートを持っているし、パスが大きいため、I再利用するために変数を使用しようとしている：

Module build failed: 
@import '#{$path}'; 
^ 
     File to import not found or unreadable: #{$path}. 

：

$path: '../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/'; 
@import '#{$path}variables'; 
@import '#{$path}grid'; 
@import '#{$path}responsive-utilities'; 

をコードで、私はこのエラーを取得しています上

誰もがその理由を知っていますか？

感謝:)

Answer 1

が重複する可能性：@importのURLでImport path using variable SASS

補間がサポートされていません。

また、あなたはとてもようにインポートすることもできます

@import '~bootstrap-sass/assets/stylesheets/bootstrap/variables';