Bootstrap4自定义覆盖 - 预期!" $ body-bg"的默认标志

时间:2018-05-25 00:44:08

标签: npm bootstrap-4 lint

我已经完成了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"但错误指定您必须具有"!默认"。

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

1 个答案:

答案 0 :(得分:1)

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

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

您需要更改行

“scss / dollar-variable-default”:[false,{“ignore”:“local”}]

“SCSS /美元可变默认”:空

为了让他们的榜样有效。