如何使用sass/scss和css文件的分支並保持文件夾結構？

Question

我在主文件夾中使用了style.css和style-mobile.css文件，並且在子文件夾中使用了一些子文件css/globals（用於style.css）和css/mobile（用於style-mobile.css） 。我在主文件夾中創建了兩個css文件的scss文件，用於導入子文件夾中的部分文件。

在主文件夾中執行代碼爲sass --watch style.scss:style.css --style compressed的這行代碼時，style.scss每次編輯時都會自動創建一個style.css。問題是style.scss只是導入了部分。當部分被編輯時，什麼都不會發生。

我試過sass --watch css/globals:css/globals和sass --watch _one_of_my_partials.scss:_one_of_my_partials.css --style compressed在我的子文件夾中，但沒有改變任何東西。

那麼有沒有辦法使這項工作，但仍然是文件夾結構？

Answer 1

難道你不能只是運行這個命令來觀看任何文件？

sass --watch sass:css 

編輯： OK，所以它看起來像你的設置應該是這樣的：

​​

採用這種設置，你比運行以下命令：

sass --watch sass:. 

這將導致在根級別編譯的所有文件。第一次編譯後，文件結構如下所示：

- theme_folder/ 
    -style.css 
    - css/ 
    - globals/ 
     - some_partial.css 
    - sass/ 
    - style.scss 
    - css/   
     - globals 
     - some_partial.scss 
     - _some_partial_without_compiled_file.scss 

我希望這是你想擁有什麼。