How to get webpack honour swiperjs module imports, avoiding bundling the ones not used?

[stratboy]

Hi, swiperjs, from docs:

"By default Swiper exports only core version without additional modules (like Navigation, Pagination, etc.). So you need to import and configure them too:"

I'm doing some tests, my index.js is just this:

import Swiper, { Navigation, Pagination } from 'swiper';
console.log(Swiper);

And this is my webpack config:

const path = require('path');
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = {
  //mode: 'development',
  mode: 'production',
  watch: true,
  entry: {
    index: './src/index.js',

  },

  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist'),
    clean: true,
  },


  plugins: [
    new BundleAnalyzerPlugin()
  ],

  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
          options: { presets: ['@babel/preset-env'] }
        }
      } // babel
    ] // rules
  } // module
};

Well, the BundleAnalyzer graph shows that ALL the swiper modules are bundled. Why? How can I avoid that?

[alexander-akait]

It means swiper import them itself, you can ignore them if you need using https://webpack.js.org/plugins/ignore-plugin/, but it can break code if code did not written in right way

[alexander-akait]

Because you need mark all swipes sources, just mark all sources in swiper as sideEffect free

[alexander-akait]

I already did in package.json, but didn't work. Now I'll try on the loader and let you know.

Note - webpack drop them only when you remove it from import ... from ...; (i.e. unused export), if you have Navigation in import, webpack keeps them

[stratboy]

Because you need mark all swipes sources, just mark all sources in swiper as sideEffect free

The loader version worked fine. Shouldn't the package.json version be 'global'? One for all without the need to specify at loader level?

[alexander-akait]

But swiper don't have sideEffects: false in package.json

[alexander-akait]

https://github.com/nolimits4web/swiper/blob/master/package.json