swiperjs es模块的构建在IE11浏览器中不起作用

Question

我将webpack与babel一起使用来转换模块，并且在将swiper npm软件包添加到内部版本之后，IE11浏览器停止工作，因为dom7依赖项未正确转换。swiper'sget started页面上指出了这一点，但是尚不清楚必须采取什么措施来解决此问题。

Answer 1

经过几天的研究和多次尝试，我终于使它起作用了。

重要要注意的是，必须使用babel.config.js而不是.babelrc，以便node_modules可以包含在构建中。

最终配置：

babel.config.js（仅相关部分）：

module.exports = {
  "presets": [
    ["@babel/env", {
      "targets": {
        "ie": "11"
      }
    }],...

webpack.config.js（仅相关部分）：

test: /\.js$/,
exclude: /node_modules\/(?!(swiper|dom7)\/).*/,
rules: [
   {
     use: [{
       loader: 'babel-loader',
       options: {
         cacheDirectory: true,
         babelrc: false,
         rootMode: 'upward'
       }
     }]
   }
 ]

这里是使我朝正确方向发展的文章（请参阅RyanGosden的评论）-

希望可以帮助其他人节省一些时间！