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

Question

我想为我的Foundation Web应用程序创建许多不同的主题基础（基本上为不同的客户切换颜色方案）。我仍然是Sass，libsass和grunt的新手。

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

_settingsA.css

$primary_color: #cc3333;
...

_settingsB.css

$primary_color: #3333cc;
...

用这两个文件生成foundationA.css和foundationB.css。 我目前正在使用Sass / Grunt的基金会。

Answer 1

我刚刚发现该解决方案正在编辑Gruntfile.js并将文件添加到＆＃34; sass＆＃34;任务：

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'
        }
      }
    }