首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >SASS/Compass / Structure / Compile

SASS/Compass / Structure / Compile
EN

Stack Overflow用户
提问于 2013-12-11 14:21:12
回答 1查看 98关注 0票数 0

所以最后来这里希望有人能伸出援手。

我在SASS-Bootstrap3建立一个项目

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

我希望所有站点都能运行同一个bootstrap-sass.scss文件:例如,上面提到的这个文件中有部分引导程序导入到它中,比如多个@import _forms.scss

现在,我的40个站点略有不同,但遵循相同的引导结构。

所以在每个站点/assets/scss/文件夹中都有variables.scss overrides.scss

我想要做的是自动编译全局共享(引导-scss)的变量和每个站点的每个站点覆盖。

因此,输出将在每个站点的/assets/css/文件夹中。

在我看来,这是一种非常明智的方法,尤其是如果我每次在主bootstrap-sass.scss上做一个大更新时都可以从一个批处理中运行它的话。

因此,我的问题是如何组合来自不同目录的多个.scss文件。

万事通,蚂蚁。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-11 15:31:48

你可以从你工作的文件导航到他们。

假设设置是:

代码语言:javascript
运行
复制
/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文件。

代码语言:javascript
运行
复制
@import "variables";
@import "overrides";
@import "../../master/assets/scss/bootstrap-sass";

但是,如果从命令行运行Sass,则可以设置加载路径wtih -I

代码语言:javascript
运行
复制
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

然后你就可以做了

代码语言:javascript
运行
复制
@import "variables";
@import "overrides";
@import "bootstrap-sass"; 

而不需要进行所有../操作。我确信有一种聪明的方法不需要去做站点-1.站点-40与一些甜蜜的命令行操作,但我不太熟悉它。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20521597

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档