webpackでSwiperをビルドする際にpolyfillが効かないとき #JavaScript

以下のようにswiperをインポートする場合、
そのままだと、swiperと依存関係にあるモジュールたちがトランスパイルされない。
(swiperのv3.4.2以降)

app.js

import Swiper from 'swiper

対処方法

webpack.config.jsのモジュールの除外設定から
dom7とswiperを外すと解消されるかも。

webpack.config.js

module.exports = {
  // 省略
  module: {
    rules: [{
      test: /\.js$/,
      exclude: [/node_modules\/(?!(dom7|swiper)\/).*/],
      use: [{
        loader: 'babel-loader'
      }]
    }]
  },
  // 省略
};