Webpack и Bootstrap с переменным путем

Question

Миграция в Webpack У меня были некоторые проблемы с импортом sass или css.

У меня установлен Bootstrap в мои node_modules и внутри моей файловой структуры я пытаюсь сделать это:

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

Внутри начальной загрузки scss у меня есть импорт файлов начальной загрузки, и, поскольку путь большой, я пытаюсь использовать переменную для повторного использования:

$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

Возможный дубликат: путь импорта с использованием переменной SASS

Интерполяция в URL-адресах @import не поддерживается.

Кроме того, вы можете импортировать так:

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