SCSS partial部分檔案
關於scss的@import基本用法可以參閱scss @import一章節。
文章的最後也強調了,被匯入的檔案所生成的css檔案也許是不必要的。
那些專門為@import命令而編寫的sass檔案,並不需要生成對應的獨立css檔案,這樣的sass檔案稱為區域性檔案。
對此,sass有一個特殊的約定來命名這些檔案,預定規則如下:
[CSS] 純文字檢視 複製程式碼區域性檔案的檔名以下劃線開頭
程式碼例項如下:
[Scss] 純文字檢視 複製程式碼themes/_night-sky.scss
這樣在編譯的時候就不會生成對應的css檔案了,只會單純的作為一個匯入檔案使用。
部分檔案的引用也是可以省略副檔名的,程式碼如下:
[Scss] 純文字檢視 複製程式碼themes/_night-sky
相關文章
- C++ partial_sort(部分排序)C++排序
- vue專案如何全域性引入scss檔案VueCSS
- vue專案中如何全域性引入scss/sass檔案VueCSS
- Angular 專案裡使用 scss 檔案的一些技巧AngularCSS
- 設定webstorm的file watch 監視scss檔案WebORMCSS
- scss 檔案裡的特殊符號 @ 和 @include 的用法CSS符號
- Oracle 12C 新特性之表分割槽部分索引(Partial Indexes)Oracle索引Index
- 關於 SAP Spartacus feature library 裡的 _index.scss 檔案IndexCSS
- 部分Oracle 配置檔案引數含義Oracle
- 控制檔案部分丟失的恢復
- JavaScript檔案處理第二部分:檔案讀取JavaScript
- scssCSS
- python 兩個檔案內容重疊部分Python
- 關於vue打包後scss檔案中背景圖片不顯示問題VueCSS
- SCSS 檔案裡的感嘆號用法 - 給變數設定預設值CSS變數
- 無備份丟失部分資料檔案和控制檔案恢復 [轉]
- 第二部分 PE檔案格式
- Laravel Mix 處理 SCSS 檔案中圖片 URL 時出錯的解決方法LaravelCSS
- SCSS @importCSSImport
- SCSS @extendCSS
- SCSS @mixinCSS
- SCSS @if() 指令CSS
- SCSS @eachCSS
- SCSS !globalCSS
- SCSS @for 指令CSS
- SCSS !optionalCSS
- SCSS @mediaCSS
- 從一個小專案快速入門ScssCSS
- 批處理 壓縮zip 並過濾部分檔案
- 去掉字串中重複部分 提取檔案字尾名字串
- git小技巧--提取/合併某分支的部分檔案Git
- 磁碟損壞,system及部分資料檔案丟失
- c 刪除檔案中指定的部分內容 (轉)
- .net 4.8 webApi 檔案下載部分程式碼記錄WebAPI
- git上傳到遠端有部分檔案未上傳Git
- C# partial 說明C#
- L02 教程 5.4 筆記 SCSS 引入 SCSS筆記CSS
- SCSS #{} 插值CSS