wiki:sass:sass_import

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:sass:sass_import [2021/07/21 20:16]
emblim98 [예제]
+++ wiki:sass:sass_import [2023/01/13 18:44] (현재)
@@ 줄 84: / 줄 84: @@
 }
 </code>
+===== Sass Partials =====
+기본으로, %%Sass%%는 모든 %%.scss%% 파일들을 직접 트랜스파일화 합니다.\\
+그러나, 어떤 파일을 임포트하려는 경우, 파일을 직접 트랜스파일화 할 필요는 없습니다.\\
+\\
+%%Sass%%에는 이에 대한 메커니즘이 있습니다. 파일 이름을 밑줄(underscore)로 시작하면\\
+%%Sass%%는 해당 파일을 트랜스파일화 하지 않습니다. 이런 식으로 이름이 지정된 파일을 %%Sass%%에서는 %%partials%%라고 합니다.\\
+\\
+따라서 %%partial Sass%% 파일의 이름은 선행 밑줄(leading underscore)로 지정됩니다.(ex, _globals.scss)\\
 ====Sass Partial Syntax====
@@ 줄 90: / 줄 99: @@
 </code>
 \\
-다음 예제는 %%"_colors.scss"%%라는 이름의 %%partial Sass%% 파일을 보여줍니다.\\
+아래 예제에서 %%"_colors.scss"%%라는 이름의 %%partial Sass%% 파일을 보여줍니다.\\
 (이 파일은 %%"colors.css"%%로 즉시 트랜스파일되지 않습니다):\\
 ====예제====
@@ 줄 102: / 줄 111: @@
 이제 %%partial%% 파일을 임포트하는 경우, 밑줄을 생략하십시오. %%Sass%%는 %%"_colors.scss"%%파일을 가져와야 한다는 것을 이해합니다.\\
+==== Example ====
+<code scss>
+@import "colors";
+body {
+  font-family: Helvetica, sans-serif;
+  font-size: 18px;
+  color: $myBlue;
+}
+</code>

/volume1/web/dokuwiki/data/attic/wiki/sass/sass_import.1626866179.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)