我們查看官方文檔,只有通過<script>標簽引入swiper輪播庫的方法,如果我們想要在js中通過npm包的方式安裝和導入,參考以下方法:
官方文檔:https://www.swiper.com.cn/
npm文檔:https://www.npmjs.com/package/swiper
npm包使用方式:https://swiperjs.com/get-started
注意:通過包導入的方式,模版不包含分頁器等功能,使用分頁器后會不生效,如需使用分頁器,需單獨引入
// core version + navigation, pagination modules: import SwiperCore, { Navigation, Pagination } from 'swiper/core'; // configure Swiper to use modules SwiperCore.use([Navigation, Pagination]);