@import和@use SCSS规则有什么不同?
何时使用SCSS规则:@use,何时使用@import? 它们与使用它们的最佳方案之间有什么区别?
@use '_styles.scss';
@import '_styles.scss';
解决方案
新的
@use
类似于@import
。但有一些显著差异:
- 文件只导入一次,无论您在项目中导入多少次
@use
。- 以下划线(_)或连字符(-)开头的变量、混合和函数(萨斯称之为&q;成员和函数)被视为私有,不会导入。
- 已用文件(在本例中为buttons.scss)中的成员仅在本地可用,而不会传递给将来的导入。
- 同样,
@extends
将仅应用于链的上游;扩展导入文件中的选择器,但不扩展导入此文件的文件。- 默认情况下,所有导入的成员都是命名空间。
https://css-tricks.com/introducing-sass-modules/
@import
将被弃用,取而代之的是@use
和@forward
,并最迟在2022年10月前支持will be dropped。
相关文章