如何将 sass/scss 与部分 css 文件一起使用并保持文件夹结构？ [复制]

Question

我在主文件夹中有一个 style.css 和一个 style-mobile.css 的 wordpress 主题，在子文件夹 css/globals（对于 style.css）和 css/mobile（对于 style-mobile.css）中有一些部分）。我在主文件夹中创建了两个 css 文件的 scss-Files，这些文件在子文件夹中导入了部分文件。

通过在主文件夹中执行这行代码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

编辑：好的，看起来你的设置应该是这样的：

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

使用此设置，您可以运行以下命令：

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

我希望这是你想要的。