Dart Sass 中@import 和@use 有什么区别？

Question

sass 中 @use 和 @import 之间的确切区别是什么（我认为它在 dart-sass 中可用）？如果它们相同，那么使用哪一个更好？

Answer 1

所有积分均转至css-tricks.com所有。

\n\n

\n

新的@use类似于@import. 但有一些显着的差异：

\n\n

\n
• 无论您导入多少次，该文件仅导入一次@use在项目中导入多少次。
\n
• 以下划线 (_) 或连字符 (-) 开头的变量、mixin 和函数（Sass 称之为 \xe2\x80\x9cmembers\xe2\x80\x9d）被视为私有的，不会被导入。
\n
• 使用的文件（在本例中为buttons.scss）中的成员仅在本地可用，但不会传递到将来的导入。
\n
• 相似地，@extends只会向上链应用；扩展导入文件中的选择器，但不扩展导入此选择器的文件。
\n
• 默认情况下，所有导入的成员都具有命名空间。
\n

\n

\n