儘管 CSS 提供了 import 命令支持文件引用，但由於其存在一些問題（比如影響瀏覽器並行下載、加載順序錯亂等）導致使用率極低。更常見的做法是通過預處理器或編譯工具插件來引入樣式文件。
將樣式文件進行分類，把相關的文件放在一起，讓工程師在修改樣式的時候更容易找到對應的樣式文件，在創建樣式文件的時候更容易找到對應的目錄。管理樣式文件的目的就是爲了讓開發人員更方便地維護代碼。
一、開源項目中的樣式文件
先來看看著名的 UI 相關的開源項目是怎麼管理樣式文件的。
（1）Bootstrap：https://github.com/twbs/bootstrap/tree/main 可以看出項目使用的是 Sass 預處理器。
該目錄包括了 5 個目錄、組件樣式文件和一些全局樣式。再來分析下目錄及內容：
- forms/，表單組件相關樣式；
- helpers/，公共樣式，包括定位、清除等；
- mixins/，可以理解爲生成最終樣式的函數；
- utilities/，媒體查詢相關樣式；
- vendor/，依賴的外部第三方樣式。
根目錄存放了組件樣式文件和目錄，其他樣式文件放在不同的目錄中。目錄中的文件分類清晰，但目錄結構相對於大多數實際項目而