早午餐添加animate.css

时间:2017-11-23 09:47:37

标签: npm animate.css brunch

我是早午餐的新手,只想将animate.css添加到一个页面。 我已经通过npm安装了animate.css并将其添加到package.json中。 我的brunch-config看起来像这样:

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

1 个答案:

答案 0 :(得分:0)

早午餐不会观看的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