在早午餐中使用Compass mixins

时间:2014-11-19 16:30:11

标签: git brunch bourbon compass libsass

我正在尝试使用git中的Compass-mixins插件并使用Brunch进行编译。

问题是我无法使用main.scss中的mixins。我必须导入compass.scss,但这使得编译时间超过2000毫秒,而100毫秒。 我确信还有另一种更好的方法,每次我更改main.scss时都不会从罗盘或波本威士忌中编译所有SCSS。这是我的结构和配置:

exports.config =
  # See http://brunch.io/#documentation for docs.
  modules:
    definition: false
    wrapper: false

  sourceMaps: false

  optimize: false

  files:
    javascripts:
      joinTo:
        'js/app.js' : /^app/
        'js/vendor.js' : /^(vendor|bower_components)/
      order:
        before: [
          'bower_components/jquery/jquery.js'
        ]

    stylesheets:
      joinTo:
        'css/app.css' : /^(app|bower_components)/
      order:
        before: [
         'app/styles/_settings.scss'
        ]
  plugins:
    sass:
     debug: false
      options:
        includePaths: [
          'bower_components/foundation/scss',
          'bower_components/compass-mixins/lib/compass'
        ]

我的应用结构是 应用 -styles -styles / _settings.scss(用于基础) -styles / main.scss 如果我在主要作品中包含指南针真的很慢。如果我不这样做,它说我尝试使用的mixins是未定义的。

修改1

今天我用波本威士忌进行了测试,所有的工作都闪电般快速。罗盘混合似乎存在问题。

1 个答案:

答案 0 :(得分:0)

将sass-brunch更新为v1.8.8和早午餐配置集:

plugins:
  sass:
    mode: 'native'