vue2+webpack中使用animate.css

1、通过webpack安装animate.css

cnpm install animate.css --save-dev

2、安装加载器(css-loader,style-loader)用css-loader 来读取它，再用 style-loader 把它插入到页面中。

cnpm install css-loader --save-dev
cnpm install style-loader --save-dev

3、webpack.config.js配置

{        
		//重要！！！！！！！！！！！！
		//判断是否是css文件        
		test: /\.css$/,        
		//不用在指定文件设置loader        
		use: ['style-loader', 'css-loader'],        
		include:['node bulid/dev-server.js']      
},

4、入口文件配置

import Animate from ‘animate.css’

5、使用

<div id='app'>
      <transition name="bounce" enter-active-class="animated bounceInLeft" leave-active-class="animated bounceOutRight">
        <router-view></router-view>
      </transition>
</div>