可变路径的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';