Vue-cli 引入Swiper

Swiper是纯javascript打造的开源、免费、稳定的滑动特效插件，面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。使用简单、功能强大，是架构移动终端网站的重要选择！

1. 下载swiper相关文件（js文件放在static文件及下，css文件放在assets文件夹下）
地址：https://www.swiper.com.cn/download/index.html

2.修改webpack.base.conf 配置

externals: { 
	'swiper': 'Swiper' 
}

3. 在index.html文件引入文件

<script src="static/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="static/js/swiper.animate.min.js" type="text/javascript" charset="utf-8"></script>

4. 在App.vue中引入css文件

<style>
	@import url("assets/css/swiper.min.css");
	@import url("assets/css/animate.min.css");
</style>

这样就可以在用到swiper的文件内使用啦

引入swiper的方法不止一种，这仅是个人的方法 ，仅供参考(^_−)☆