@import和@use SCSS规则有什么不同？ [英] What's the difference between @import and @use SCSS rules?

问题描述

何时使用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。

这篇关于@import和@use SCSS规则有什么不同？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！