如何拆分 sass 文件

Question

例如，我有 HTML 文件，以及如何將我的 css 文件拆分為多個文件，每個文件包含每個標簽的樣式。 換句話說，我可以將 header.scss、main.scss 和 footer.scss 文件全部轉譯為 styles.css 文件嗎？ 我怎樣才能做到這一點？ 我不想擁有一個長的 styles.css 文件，將來可能會變得非常難以維護。

我已經嘗試為 styles 包裝並使用 @use 將其放入 styles.scss 文件中，但它不起作用

Answer 1

更改文件名： _header.scss, _main.scss and _footer.scss

您可以將它們全部導入style.scss ：

@import './header';
@import './main';
@import './footer';

並將其編譯成一個包含所有 scss 文件的 css 文件