Bootstrap SCSS 中的弃用警告

Question

我正在尝试创建自定义 bootstrap，方法是仅将所需组件导入 bootstrap sass 中的 style.scss 文件。但是，当我导入和编译 3 个必需的组件时，我得到了一连串的弃用警告。

SCSS:

@import "./bootstrap-4.3.1/scss/functions";
@import "./bootstrap-4.3.1/scss/variables";
@import "./bootstrap-4.3.1/scss/mixins";

控制台警告（第一个）：

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
298 │ $headings-margin-bottom:      $spacer / 2 !default;
    │                               ^^^^^^^^^^^
    ╵
    bootstrap-4.3.1\scss\_variables.scss 298:31  @import
    style.scss 3:9                               root stylesheet

我正在使用以下版本的工具：

Bootstrap: 4.3.1, Sass: 1.33.0 compiled with dart2js 2.13.0

使用这个版本组合有什么问题吗，或者其他什么问题？我该如何解决？

Answer 1

基本上，我的理解是 SASS 的新版本会发出警告。您可以降级您的版本以暂时停止警告，这样做也不会破坏任何东西。

tl:dr 你应该改用 Sass: "1.32.13"。

Answer 2

如果您想解决这个问题您可以查看 Sass-lang

中的 sass 个选项

并为您的 sass

添加最佳选项

就我而言，我遇到了这个问题

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

所以我在 sass

中添加了“quietDeps”选项

 .pipe(sass({
            outputStyle: 'compressed',
            quietDeps: true
    }).on('error', sass.logError))

并在运行再次完成我的任务后正常工作

Bootstrap SCSS 中的弃用警告

Deprecation Warning in Bootstrap SCSS

css

sass

bootstrap-sass

bootstrap-4