(TODO)Animate.css学习笔记

优点

1、(真正的)小而美

源码77KB，大约3600行；压缩后57KB

2、可以按需加载

每个动效一个独立的源码文件，完全可以按需生成最终的CSS文件

3、动效全，能涵盖大部分需求场景

编译

主要过程在项目下的gulpfile.js中。

通过Autoprefixer加上浏览器兼容性前缀。该插件的github地址是：https://github.com/postcss/autoprefixer

Autoprefixer是一个后处理程序，不象Sass以及Stylus之类的预处理器。它适用于普通的CSS而不使用特定的语法。可以轻松跟Sass以及Stylus集成，正是由于它是CSS编译后运行。

另外还用到了cssnano来压缩最终生成的CSS代码，最终文件只有57KB.