扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
怎么在vue-cli webpack中引入swiper？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
为龙潭等地区用户提供了全套网页设计制作服务，及龙潭网站建设行业解决方案。主营业务为网站设计制作、成都网站设计、龙潭网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
1：下载需要 swiper 的js文件和css文件
http://www.swiper.com.cn/
2：下载好swiper相关的js和css，js放在static目录下，css放在assets目录下。
3：安装runtime：
npm install babel-runtime
4：修改.eslintrc.js文件如下： 最后一行添加
'globals': {
"Swiper": true
} //这个地方是新加入的 全局注入5： vue模板中引入 swiper.min.js
import Swiper from '@/../static/js/swiper.min.js';
6： vue模板中引入 swiper-3.4.2.min.css
@import url("../../assets/css/swiper-3.4.2.min.css");7： html 结构