Webpack 4 не импортирует миксины Bootstrap при работе только с BS Grid - PullRequest
0 голосов
/ 13 декабря 2018

Я использую 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.Любая помощь будет по достоинству оценена.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...