SwiperJS v8 SCSS

Question

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

@import "~swiper/src/swiper"

我想这件事的运作方式发生了变化。但我没法从医生那里弄清楚。使用Swiper (v8)执行以下操作

@import 'swiper/bundle'

其结果是：

错误:导入未找到或不可读的文件

我所能想到的每一种方法都行不通。有没有人从6点到8点想弄清楚一点？

Answer 1

它也有同样的问题，我在this answer中找到了解决方案。

您导入的基本Swiper样式如下：

@import "~swiper/swiper";

然后，对于您使用的每个模块(如导航或分页)，导入相应的样式如下：

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

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