css - SASS/指南针/结构/编译

Question

所以来到这里是最后的手段，希望有人能伸出援手。

我正在 SASS-Bootstrap3 中构建一个元素

我的所有网站都已创建(其中 40 个)

我希望所有站点都运行相同的 bootstrap-sass.scss 文件:上面提到的这个文件在多个文件 _forms.scss 上导入了部分 Bootstrap @import 例如。

现在我的 40 个网站略有不同，但遵循相同的 Bootstrap 结构。

所以在每个网站 /assets/scss/ 文件夹中他们有变量.scss覆盖.scss

我想做的是自动编译全局共享(bootstrap-scss)，其中包含每个站点的变量和覆盖。

所以输出将在每个站点 /assets/css/文件夹。

这对我来说似乎是一种非常明智的做事方式，特别是如果我每次在主 bootstrap-sass.scss 上进行大更新时都可以批量运行它的话>

所以我的问题是如何合并来自不同目录的多个 .scss 文件。

亲切的问候， Ant 。

Answer 1

您将从您正在使用的文件导航到它们。

假设设置是:

/super-site
  /master
    /assets
      /scss
        _bootstrap-sass.scss
  /site-1
    /assets
      /scss
        _variables.scss
        _overrides.scss
        site-1.scss
  /site-2
    /assets
      /scss
        _variables.scss
        _overrides.scss
        site-2.scss

这将是您的 site-1.scss 文件。

@import "variables";
@import "overrides";
@import "../../master/assets/scss/bootstrap-sass";

但是，如果您从命令行运行 Sass，则可以使用 -I 设置加载路径。

cd super-site
sass -I super-site/master/assets/scss --watch site-1/assets/scss:site-1/assets/scss site-2/assets/scss:site-2/assets/scss

然后你就可以做就做

@import "variables";
@import "overrides";
@import "bootstrap-sass"; 

无需执行所有 ../ 操作。我敢肯定有一种聪明的方法可以不必通过一些甜蜜的命令行操作来执行 site-1..site-40，但我对它不是很熟悉。