0

一段时间以来，我一直在使用 @import 创建以下 SCSS 文件夹结构。将 3 个部分导入 _utilities-dir.scss 等...例如，将部分添加到 _utilities-dir.scss 中。

utilities
    _utilities-dir.scss
    _functions.scss
    _mixins.scss
    _variables.scss

base
    __base-dir.scss
    _reset.scss
    _typography.scss

然后我习惯使用@import 方法来创建 main.scss 文件

@import "/utilities/utilities-dir",
@import "/utilities/base-dir",

如何使用新的 @use 方法创建相同的输出？

4

1 回答 1

0

使用新规则@use，您需要@use将所需文件添加到需要使用该文件的变量或方法的每个文件中。

换句话说：归档到主文件
是不够的。在这种情况下，您只能在主文件中使用 vars/methods。你必须在你想要/需要 vars/methods 的每个部分直接的文件...@useutilities-dir@use

正如我们多次遇到的那样：如果您愿意，可以在此处查看更详细的解释代码方案示例： https ://stackoverflow.com/a/66300336/9268485 。

于 2021-03-24T14:38:33.193 回答