Bootstrap 4.3.1 изменяет точки останова, используя файлы Gulp и .sass (не .scss) - PullRequest
Новая
       29

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

0 голосов
/ 18 октября 2019

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

Я уже установил загрузчик 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 ?

1 Ответ

1 голос
/ 22 октября 2019

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

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

...