libSass, dart-sass (js버전, vm 버전)2

• css스펙 min(), max(), clamp()
• dart-sass @use
• https://github.com/sass/sass/blob/master/accepted/module-system.md#timeline

min() / max() / clamp() 는 libsass나 dart-sass랑은 상관없고 그냥 CSS 스펙입니다.
그냥 해당 브라우저가 지원하는 함수인지 (calc()함수처럼) 아닌지 보고 사용해야되는 것입니다..

@use 처럼 기능적으로 추가되는거만 살펴보면될거같습니다.

@use 는 javascript에서 import나 require 같은 기능을 하는건가봐요

dart-sass 사용하면 @use 로 네임스페이스 분류가 가능해져서 같은 이름의 믹스인도 파일이 다른데있으면 서로 충돌안나고 쉽게 관리가 가능해질거같아요.

사스도 자바스크립트랑 똑같이 관리가능하도록 저렇게 만들었나보네요.
dart-sass 사용하면 파일관리도 더 편해질거같아요~!

기존 사스 @import는 네임스페이스 분류없이 전역으로 영향끼쳐서 그런가봐요.
자바스크립트는 네임스페이스로 분류가되는데.
그래서 dart-sass에서 @use로 네임스페이스분류도 가능하게 하려고하나봐요

음 근데 dart-sass로 바꾸고 현재 @import로 불러와져있는거를 @use로 바꾼다고하면 @include로 믹스인함수 불러온거 다 수정해야될수도있겠네요..
dart-sass로 바꿔도 기존 @import로되어있는거 수정안하면 안해도되지만..
@import 구문을 @use로 바꾸면 @include로 불러와진 함수 다 수정해야될수도있을거같아요

2022년까지만 @import 지원.. 여튼 바꿔야되는건 피할수없음

넵 지금저희가쓰는건 node-sass(libsass)이고 dart-sass는 2016년에 알파버전으로 나오고 2018년에 정식릴리즈된 사스같아요

근데 얼마전 10/26에 node-sass쓰지말라고 권고사항? 떠서 개발자들이 슬슬 갈아타는 중인가봐요