Sass 如何使用SCSS重写派生的Bulma变量？

我正在用Bulma和Webpack4。我想把按钮的颜色改成粉红色，而不是绿松石色

这是我的.scss文件的全部内容

@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Poppins:600');

$body-size: 14px;
$primary: $pink;

@import "../../node_modules/bulma/bulma.sass";

这使我在生成时遇到以下错误

1>Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
1>
1>$primary: $pink;
1>         ^
1>      Undefined variable: "$pink".

现在，如果我将$primary设置为一个特定的十六进制颜色，它会构建得很好，所以这个问题似乎是因为我试图使用现有的颜色变量$pink。这对我来说是有意义的，在那一点上它还没有被定义，但是文档清楚地说我可以在导入Bulma之前添加覆盖，他们的例子也做了同样的事情

谁能给我指出正确的方向吗

编辑：这是我正在查看的文档屏幕

我注意到，在他们的例子中，他们确实为派生变量设置了新值，但只有在他们重新定义了初始值的情况下，像这样

$pink: #FA7C91;

如果我按如下方式更改.scss文件，它就会按照预期编译和工作

@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Poppins:600');

$body-size: 14px;
$pink: #FA7C91;
$primary: $pink;

@import "../../node_modules/bulma/bulma.sass";

---

这应该为您澄清一些事情：

---

不会移动

$body size:14px$小学：粉红色导入bulma后修复您的问题？如果$pink未定义，您需要将其设置在某个位置，可能是在变量中file@clarenswd嗯，$pink是在使用Bulma导入的一个文件中定义的。在import语句之后移动$primary:$pink对我来说完全有意义，但它不起作用——在这里的文档中，它说“要覆盖这些变量中的任何一个，只需在导入Bulma之前设置它们。”你能在控制台中为你的按钮显示css属性吗？你看到你的颜色了吗？一些提示：firefox（或google）允许显示有关开发版本的更多信息。也许你可以下载dev版本看看为什么它不工作？点击这个链接：或者这个链接，谢谢，弗里索-我已经试过了，但它不起作用。它来自旧版本的文档，所以我猜它已经被取代了。如果我先导入初始变量，我会得到完全相同的错误。
// 1. Import the initial variables
@import "../sass/utilities/initial-variables";


// 2. Set your own initial variables (optional)
$pink: #ffb3b3;


// 3. Set the derived variables
// Use the new pink as the primary color
$primary: $pink;