Bootstrap4 自定义覆盖 - “$body-bg”的预期 !default 标志

Question

我已经全新安装了 bootstrap 版本 4.1.1

我创建了一个 custom.scss 文件并将以下内容放入其中（直接来自 bootstrap4 在线文档）

// Your variable overrides
$body-bg: #000;
$body-color: #111;

// Bootstrap and its default variables
@import "node_modules/bootstrap/scss/bootstrap";

当我运行 npm run dis 时，我收到以下错误：

scss/custom.scss
2:1  ×  Expected !default flag for "$body-bg"      scss/dollar-variable-default
3:1  ×  Expected !default flag for "$body-color"   scss/dollar-variable-default

根据 bootstraps 文档，您必须删除“!default”，但错误指出您必须拥有“!default”。

我假设我忽略了一些东西，但我似乎无法弄清楚它是什么。

Answer 1

因此，bootstrap 的默认安装有一个名为 .stylelintrc 的文件。这是 stylelint 的配置文件。

出于某种原因，bootstraps 网站上给出的示例与 .stylelintrc 文件的默认配置不一致。

你需要换行

"scss/dollar-variable-default": [假, { "ignore": "local" }]

至

"scss/dollar-variable-default":空

为了让他们的例子工作。

Bootstrap4 自定义覆盖 - “$body-bg”的预期 !default 标志

Bootstrap4 custom override - Expected !default flag for "$body-bg"

lint

npm

bootstrap-4