提问者:小点点

@import和@use SCSS规则有什么区别?


何时使用SCSS规则:@use和何时使用@import? 它们和使用它们的最佳情况有什么区别?

@use '_styles.scss'; 
@import '_styles.scss';

共2个答案

匿名用户

新的@use类似于@import。 但有一些显著的区别:

  • 文件只导入一次,无论您在项目中@使用它多少次。
  • 以下划线(_)或连字符(-)开头的变量,mixin和函数(Sass称之为“成员”)被认为是私有的,而不是导入的。
  • 使用的文件(本例中为buttons.scss)中的成员仅在本地可用,但不会传递给将来的导入。
  • 类似地,@extends将只应用到链的上游; 扩展导入文件中的选择器,但不扩展导入此选择器的文件。
  • 默认情况下,所有导入的成员都有命名空间。

https://cs-tricks.com/induction-sass-modules/

@import将被弃用,而改为@use@forward,并且最迟将在2022年10月取消支持。

匿名用户

看一看:

https://sass-lang.com/documentation/at-rules/import

说明和实例