SwiperJS v8 SCSS

Question

我到处寻找这个问题的简单答案，但找不到。我习惯于在我的main.scss文件中导入 swiper (v6) 样式，如下所示：

@import "~swiper/src/swiper"

我认为它的运作方式已经发生了一些变化。但我无法从文档中理解它。使用 Swiper (v8) 执行以下操作

@import 'swiper/bundle'

结果是：

错误：找不到要导入的文件或无法读取

我能想到的所有其他方法都行不通。有没有人从 6 岁变成 8 岁并愿意透露一些信息？

Answer 1

它有同样的问题，我找到了解决方案这个答案中找到了解决方案。

您可以像这样导入基本 Swiper 样式：

@import "~swiper/swiper";

然后对于您使用的每个模块（例如导航或分页），导入相应的样式，如下所示：

@import "~swiper/modules/navigation/navigation";
@import "~swiper/modules/pagination/pagination";

您可以转到您的node_modules/swiper/modules文件夹以查看哪些模块可用。