Question

我在主文件夹中使用了style.css和style-mobile.css，并在子文件夹css / globals（用于style.css）和css / mobile（用于style-mobile.css）中获得了一些部分文字主题）。我在主文件夹中创建了两个css文件的scss-Files，用于导入子文件夹中的partials。

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

我希望这是你想要的。

如何使用sass / scss与partials的css文件并保持文件夹结构？

1 个答案: