swiper踩坑笔记

本文主要针对使用swiper需要兼容ie浏览器的情况

使用swiper之前首先要根据需要适配的浏览器选择相应版本，在Swiper中文网中可以看到Swiper各版本比较www.swiper.com.cn/about/us/

可以看到从swiper5开始就不再全面支持ie了，所以如果需要兼容ie(7/8/9)建议使用2.7.6，如果只需要兼容ie(10/11)就建议使用4.5.1。

如果项目使用了ts，还需要下载对应版本@types/swiper，如果用的是swiper4，可以直接安装最新的@types/swiper。

如果项目是使用ES Module的方式引入的swiper4，直接使用时在IE浏览器会报语法错误，需要自己手动把它转成es5的语法，可以修改webpack中babel-loader的匹配规则

module: {
  rules: [
    {
      // 忽略node_modules下除了dom7和swiper的其他js
      exclude: /node_modules\/(?!(dom7|swiper)/).*/,
      // include: /node_modules\/(swiper|dom7)\/.*/,
      test: /.js$/,
      loader: 'babel-loader'
    }
  ]
}