When importing Splide class, Javascript bundlers use the ESM version

[gbirke]

When using Splide in a JavaScript project that's bundled (either vanilla, but especially with react-splide and vue-splide), the bundler (webpack, parcel, rollup) prefers to use the JavaScript file specified in "module" over the one specified in "main" in package.json. This leads to a bundled file that's incompatible with browsers which don't support ES6 syntax, e.g. Internet Explorer 11.

AFAIK the solution for this would be to add another entry called "browser" to package.json, which points to the same file as "main".

[isellsoap]

Spent a few hours on this…

I found a semi-solution with a Webpack setup: You can add resolve: { mainFields: ["main", "module"] }, to the Webpack configuration to prioritize using main instead of modul. Not ideal, but worked for my situation.

(as seen here: webpack/webpack#5756 (comment))