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

Question

我正在创建新的登录页面，我想更改默认的Bootstrap 4.3.1断点。

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

npm install bootstrap

之后，我创建了自己的.SASS文件，试图从node_modules目录导入Bootstrap并更改断点：

// 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？

Answer 1

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

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