使用 Foundation、Grunt、Sass 创建多个主题（css 文件）答案

【问题标题】：Creating multiple themes (css files) with Foundation, Grunt, Sass使用 Foundation、Grunt、Sass 创建多个主题（css 文件）
【发布时间】：2015-04-27 18:26:19
【问题描述】：

我想为我的 Foundation Web 应用程序创建多个不同的 Foundation 主题（基本上为不同的客户切换配色方案）。我对 Sass、libsass 和 grunt 还是很陌生。

基本上我想要的是：有两个不同的 _settings.scss 文件

_settingsA.css

$primary_color: #cc3333;
...

_settingsB.css

$primary_color: #3333cc;
...

使用这两个文件生成foundationA.css 和foundationB.css。我目前正在将 Foundation 与 Sass/Grunt 一起使用。

【问题讨论】：

我知道这很简单，但我仍在试图弄清楚 grunt 如何生成 .css 文件并且不知道。我只是问，因为这里总是有人愿意提供帮助。

标签： sass gruntjs zurb-foundation

【解决方案1】：

我刚刚发现解决方案是编辑 Gruntfile.js 并将文件添加到“sass”任务中：

sass: {
      options: {
        includePaths: ['bower_components/foundation/scss']
      },
      dist: {
        options: {
          outputStyle: 'compressed'
        },
        files: {
          'css/app.css': 'scss/app.scss',
          'css/app2.css': 'scss/app2.scss',
          'css/app3.css': 'scss/app3.scss'
        }
      }
    }

【讨论】：