Bootstrap 4.3.1 изменяет точки останова с помощью файлов Gulp и .sass (не .scss)

Я создаю новую целевую страницу и хочу изменить точку останова Bootstrap 4.3.1 по умолчанию.

Я уже установил bootstrap 4.3.1 с помощью этой команды:

npm install bootstrap

После этого я создал собственный файл .SASS, в котором пытаюсь импортировать Bootstrap из каталога node_modules и изменить точку останова:

// Import Bootstrap source files

@import "~bootstrap/scss/functions"
@import "~bootstrap/scss/variables"

$grid-breakpoints:
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1340px

$container-max-widths:
    sm: 100%,
    md: 100%,
    lg: 100%,
    xl: 1300px

@import "~bootstrap/scss/bootstrap"

Когда я пытаюсь скомпилировать этот файл в .css с помощью Gulp, у меня возникает ошибка:

Error: File to import not found or unreadable: ~bootstrap/scss/functions.
        on line 3 of src/sass/styles.sass
>> @import "~bootstrap/scss/functions";

Есть ли возможность перекомпилировать Bootstrap 4.3.1, используя .sass вместо .scss?

ОБНОВЛЕНИЕ:

Теперь я знаю, что использование .sass вместо .scss не проблема.

Это работает для меня:

@import "../../vendors/bootstrap/scss/functions"
@import "../../vendors/bootstrap/scss/variables"

$grid-breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1340px)

$container-max-widths: (sm: 540px, md: 720px, lg: 960px, xl: 1330px)

@import "../../vendors/bootstrap/scss/bootstrap"

Но как сослаться на каталог node_modules / bootstrap?


person Maciej K    schedule 18.10.2019    source источник
comment
Возможный дубликат Bootstrap 4 Change Breakpoints   -  person cloned    schedule 22.10.2019


Ответы (1)


Есть ли возможность перекомпилировать Bootstrap 4.3.1, используя .sass вместо .scss?

Я не думаю, что это твоя проблема. Когда gulp.sass () просматривает ваш код, он останавливается, потому что не может разрешить ваш файл. Правильно ли указаны ваши пути в вашем основном файле scss?

person Zidane M.    schedule 22.10.2019