Я использую Webpack 4 и пытаюсь работать с sass-сеткой bootstrap 4, мой подход состоит в том, чтобы отделить классы начальной загрузки от моего HTML-кода, поэтому я пытаюсь импортировать смешанные сетки и саму сетку вЧтобы использовать загружаемые миксины внутри моих компонентов sass, но я по какой-то причине не могу получить загрузочные миксины, когда импортирую их из папки node__modules:
Это файл (app.scss), где яимпортировать все файлы из node_modules:
//----------------------------------*\
// BOOTSTRAP VARIABLES OVERRIDE
// AVOID BOOTSTRAP GRID TO BE GENERATED
//----------------------------------*/
$enable-grid-classes: false;
//----------------------------------*\
// BOOTSTRAP CORE
//----------------------------------*/
@import "../../node_modules/bootstrap/scss/_functions.scss";
@import "../../node_modules/bootstrap/scss/_variables.scss";
@import "../../node_modules/bootstrap/scss/_mixins.scss";
//----------------------------------*\
// BOOTSTRAP GRID
//----------------------------------*/
@import "../../node_modules/bootstrap/scss/_grid.scss";
И это файл grid.scss, где я пытаюсь использовать миксины из начальной загрузки mixins.scss:
.grid-container {
@include make-container();
@include make-container-max-widths;
}
У меня естьscripts.js, который импортирует оба файла (имейте в виду, что .grid-container импортируется styles.scss:
//----------------------------------*\
// LIBRARIES COMPONENTS
//----------------------------------*/
import "../scss/app.scss";
//----------------------------------*\
// LAYOUT, THEME & COMPONENTS
//----------------------------------*/
import "../scss/style.scss";
Это ошибка, которую я получаю:
ERROR in ./src/scss/style.scss (./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/src??ref--5-3!./node_modules/sass-loader/lib/loader.js??ref--5-4!./src/scss/style.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
@include make-container();
^
No mixin named make-container
in C:\Users\jpi\Documents\Proyectos\IMI\imienxarxa\Documentos\frontend\src\scss\layout\_grid.scss (line 2, column 12)
Этокак для Webpack, я не импортирую эти загрузочные миксины в любой момент, но импортирую все из них в другой файл (app.scss).
ОБНОВЛЕНИЕ:
Если яимпорт _grid.scss из app.scss (файла, в который я импортирую все миксины начальной загрузки), он действительно работает, я действительно смущен, почему он не работает по-другому, поскольку в конце все включается в один файл css.Любая помощь будет по достоинству оценена.