微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在我的 Rails 应用资产管道中仅使用 SwiperJS 库的核心组件?

如何解决如何在我的 Rails 应用资产管道中仅使用 SwiperJS 库的核心组件?

我在我的网站上使用 Swiper 滑块。您可以引用所有 Swiper 资产 here

目前我使用的是 js 的捆绑版本,它是带有 all 花哨功能(即模块)的 Swiper。即使缩小,swiper-bundle.min.js 也是 144kb,这是很大的。我不需要所有这些,只需要几个模块就足够了。

我有一个带有资产管道的 Rails 5 应用,我只是在 //= require blah 里面写了 application.js

在 Swiper 资产文件夹内,我可以看到 CJS 和 ESM 文件夹,它们看起来将 Swiper 分成不同的模块。但是,我已经在谷歌上搜索了如何将 Rails 与 CJS 或 ESM 结合使用,但结果并不多,这让我相信这不是我可以在我的 Rails 应用程序中使用的东西。

如何在我的 Rails 应用中拆分 swiper-bundle.min.js 以便我可以使用 Swiper 并且只使用几个选择模块?

解决方法

好吧,看来 this 正是我要找的:

Swiper 带有 gulp 构建器,允许构建自定义库版本,您可以在其中仅包含必需的模块。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。