sass를 import하는 것과, sass에서 나온 css를 쓰는 것은 결국 같나요?

Question

예를 들어 리액트 프로젝트라고 가정합니다.scss의 내용은for $i from 1 to 100 { .mt-#{$i} {margin-top: #{$i}px} }이렇습니다. css로 나오면mt1~mt100 클래스가 만들어지겠죠.근데 이 scss 파일을 app.js 상단에 import style.scss from '...'형태로 넣는것과,public/index.html에 <link rel&#61;'stylesheet' href&#61;'......style.css'>이렇게 컴파일되어 나온 css 결과물을 첨부하는 것은 결국 같은지 궁금합니다.만약 전자와 후자의 스타일 적용이 같으며,sass의 성능상 이점이 전혀 없다면 프론트 개발자는 sass를 오로지 개발용으로만 사용하고 sass에서 나온 css만 첨부해도 똑같은게 아닌지요.그러니깐, 굳이 sass를 import 할 필요가 없는게 아닌가 하는 질문입니다.sass는 무조건 프로젝트 내에 파일로서 존재해야하고,css는 CORS설정만 잘 해놓으면 제가 원하는 여러 서버(제가 허용한) 에서 자유롭게 사용할 수 있으니깐요.요점은 link rel css 대신 sass를 import함으로써 얻는 성능상 이득은 없는게 확실한가?입니다.질문 읽어주셔서 감사합니다..

[object Object] · Answer

굳이 sass를 import 할 필요가 없지만간단한 수정을 하더라도 따로 빌드해서 css파일을 갈아껴줄 필요가 있는지는 선택하기 나름이겠네요.

sass를 import하는 것과, sass에서 나온 css를 쓰는 것은 결국 같나요?

1개의 답변

#sass 목록