早午餐添加animate.css

Question

我刚开始吃早午餐，只想把animate.css加到一个页面上。我已经通过npm安装了animate.css，并将其添加到package.json中。我的早午餐配置如下所示：

module.exports = {
  npm: {
  globals: {
    $: 'jquery'
  },
  styles: {
    animate: ['css/animate.css']
  }
},

  files: {
  javascripts: {
    joinTo: {
      'libraries.js': /^(?!app\/)/,
      'app.js': /^app\//
    }
  },
    stylesheets: {joinTo: 'app.css'}
  }
}

不知道如何将animate.css包含到我的页面中。有什么建议吗？

THX

Answer 1

CSS文件不受早午餐的监视。对于简单的解决方案，只需手动将路径添加到样式表中，如下所示：

stylesheets: {
    joinTo: { 'app.css': [
        'path/to/animatie.css',   // include specific file
        /\.css$/                    // all files with .css extension
    ] }
}

在文档中阅读更多关于模式匹配的内容：http://brunch.io/docs/config.html#pattern-matching