如何在我的 Rails 應用資產管道中僅使用 SwiperJS 庫的核心組件？

Question

我在我的網站上使用Swiper slider。 您可以在此處引用所有 Swiper 資產。

目前我正在使用 js 的捆綁版本，它是帶有所有花里胡哨（即模塊）的 Swiper。 即使縮小了， swiper-bundle.min.js也是 144kb，非常大。 我不需要所有這些，只需要幾個模塊就足夠了。

我有一個帶有資產管道的 Rails 5 應用程序，我只是在application.js中說//= require blah 。

在 Swiper 資產文件夾中，我可以看到 CJS 和 ESM 文件夾，它們看起來將 Swiper 拆分為不同的模塊。 但是，我用谷歌搜索了如何將 Rails 與 CJS 或 ESM 一起使用，但結果並不多，這讓我相信這不是我可以在 Rails 應用程序中使用的東西。

如何在我的 Rails 應用程序中拆分swiper-bundle.min.js以便我可以使用 Swiper 和幾個 select 模塊？

Answer 1

好的，看起來這就是我想要的：

Swiper 帶有 gulp 構建器，允許構建自定義庫版本，您可能只包含所需的模塊。