javascript - 在 Laravel 项目上安装 swiper slider

Question

如何在我的 Laravel 9 项目中安装 swiper slider 包？

包链接:swiperjs.com

Answer 1

好吧，我想这是互联网上唯一可以在 laravel (v9.x) 中正确安装 swiperjs 并有效的答案。

警告:根据@ktscript 的评论和提供的链接，以下方法是一种不好的做法，建议不要 swiper 官方网站使用。

但如果您没有其他选择，我仍然不会删除我的答案。

如果您发现它没用，请在评论中告诉我，我会删除我的答案。

安装 swiperjs :

npm 安装 swiper

然后在文件 resources/sass/app.scss 中:

@import 'node_modules/swiper/swiper';

注意:不能导入以~开头的样式。

在文件 /resources/js/app.js 中:

const Swiper = require('swiper').default;

.default 在require() 之后是必需的。

更新:现在我发现我可以像下面这样导入 swiper。

import {Swiper, Navigation, Pagination} from 'swiper';

使用 Laravel v9.x 和 swiperjs v8.x 进行测试。