javascript - 具有可变路径的 Webpack 和 Bootstrap

Question

迁移到 Webpack 时我遇到了一些导入 sass 或 css 的问题。

我在我的 node_modules 和我的文件结构中安装了 Bootstrap 我正在尝试这样做:

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

在 bootstrap scss 中，我导入了 bootstrap 文件，由于路径很大，我尝试使用一个变量来重用:

$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 urls 中的插值。

此外，您可以像这样导入:

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