我可以使用一个 scss 函数而不每次都导入它吗？

Question

我目前正在使用我的 util/functions.scss 文件中的 scss 函数，但目前我每次在顶部创建一个新的 scss 文件时都必须导入它

@use "util/functions" as *;

有没有一种方法可以一次性全局引用该函数，这样我就不必在每个新文件上都添加@use？

Answer 1

你应该创建一个 bundle.scss 并且只在其中添加你的 scss 文件。 将您的变量、函数和混音放在顶部，将您的 scss 文件放在下面。 使用

_

重命名包含的文件以获得更好的可见性。 让你的 scss 构建任务只构建包。

像这样构建的任务知道你的函数和变量，并将它用于所有包含的文件。

来自我的带有引导程序的包含文件的示例：

// Functions
@import "bootstrap/scss/functions";
@import "project/src/Scss/custom-functions";

// Variables
@import "project/src/Scss/custom-variables";

@import "bootstrap/scss/variables";

// Bootstrap
@import "bootstrap/scss/mixins";

//your scss
@import "project/src/Scss/custom-element-style"

_

和

.scss

文件结尾在我的情况下不需要。