如何将sass/scss与css文件的部分一起使用并保持文件夹结构?
我得到了一个wordpress主题,在主文件夹中有一个style.css和一个style-mobile.css,在子文件夹css/globals(对于style.css)和css/mobile(对于style-mobile.css)中有一些部分。我在主文件夹中创建了两个css文件的scss文件,用于导入子文件夹中的部分内容 通过在主文件夹中执行这行代码如何将sass/scss与css文件的部分一起使用并保持文件夹结构?,css,ruby,sass,Css,Ruby,Sass,我得到了一个wordpress主题,在主文件夹中有一个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.scs时都会自动创建st
sass--watch style.scss:style.css--style compressed
,每次编辑style.scs时都会自动创建style.css。问题是style.scs只导入了部分。当一个部分被编辑时,什么也不会发生
我尝试了sass--在我的子文件夹中观看css/globals:css/globals
和sass--观看我的一个部分。scss:_我的一个部分。css--样式压缩
,但这没有改变任何东西
那么,有没有一种方法可以使它工作,但保持文件夹结构?您不能运行此命令来监视任何文件吗
sass --watch sass:css
编辑:好的,看起来您的设置应该是这样的:
- theme_folder/
- sass/
- style.scss
- css/
- globals
- some_partial.scss
- _some_partial_without_compiled_file.scss
- theme_folder/
-style.css
- css/
- globals/
- some_partial.css
- sass/
- style.scss
- css/
- globals
- some_partial.scss
- _some_partial_without_compiled_file.scss
使用此设置,您可以运行以下命令:
sass --watch sass:.
这将导致在根级别编译所有文件。第一次编译后,文件结构如下所示:
- theme_folder/
- sass/
- style.scss
- css/
- globals
- some_partial.scss
- _some_partial_without_compiled_file.scss
- theme_folder/
-style.css
- css/
- globals/
- some_partial.css
- sass/
- style.scss
- css/
- globals
- some_partial.scss
- _some_partial_without_compiled_file.scss
我希望这是您想要的。由于文件夹结构的原因,这样做行不通。正如我说的,这些文件在不同的目录中,我想保持文件夹结构。但仍然是thx!:)查看我的编辑。我想这就是你想要的。