如果你不想将Swiper文件放在你的项目中,你可以使用Swiper的CDN服务。
风险提示:CDN由于不稳定性,在生产环境中请谨慎使用。
swiper6
<link rel="stylesheet" >
<link rel="stylesheet" >
<script src="https://unpkg.com/swiper/swiper-bundle.js"> </script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script>
ES 模块
<script type="module">
import Swiper from 'https://unpkg.com/swiper/swiper-bundle.esm.browser.min.js'
const swiper = new Swiper(...)
</script>
swiper4/swiper3,要将4.x.x改成相应的版本,如4.0.2(或3.x.x版本)
<link rel="stylesheet" >
<link rel="stylesheet" >
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.x.x/js/swiper.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.x.x/js/swiper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.x.x/js/swiper.esm.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.x.x/js/swiper.esm.bundle.js"></script>
x <script src="http://m.qinvzi.net/dist/js/swiper.min.js"></script>
x <link href="http://m.qinvzi.net/dist/css/swiper.min.css" />