Twitter bootstrap Bootstrap 4.3.1使用Gulp和.sass文件（不是.scss）更改断点

我正在创建新的登录页，我想更改默认的引导4.3.1断点

我已经使用以下命令安装了bootstrap 4.3.1：

npm install bootstrap

之后，我创建了自己的.SASS文件，尝试从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"

当我试图使用Gulp将此文件编译为.css时，出现错误：

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

是否有可能使用.sass而不是.scss重新编译Bootstrap 4.3.1

更新：

现在我知道使用.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\u modules/bootstrap目录

是否有可能使用.sass重新编译Bootstrap 4.3.1 而不是.scss

我不认为这是你的问题。当gulp.sass（）遍历代码时，它会停止，因为它无法解析您的文件。主scss文件中是否正确引用了路径

可能重复的