@import和@use SCSS规则有什么不同?

What#39;s the difference between @import and @use SCSS rules?(@import和@use SCSS规则有什么不同?)

本文介绍了@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。

这篇关于@import和@use SCSS规则有什么不同?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:@import和@use SCSS规则有什么不同?

基础教程推荐