可變路徑的Webpack和Bootstrap

Question

遷移到Webpack我有一些導入sass或css的問題。

我已經安裝在我的node_modules和我的文件結構裏面我想這樣做引導：

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

裏面的引導SCSS，我有引導文件，因爲路徑是大的進口，我「M試圖用一個變量來重用：

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

有了上面的代碼，我得到這個錯誤：

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

任何人都知道爲什麼？

謝謝:)

Answer 1

可能重複：Import path using variable SASS

插值在@import的url不支持。

此外，你可以導入像這樣：

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