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

Question

我使用 webpack 和 babel 来转译模块，在将 swiper npm 包添加到构建中后，IE11 浏览器停止工作，因为 dom7 依赖项未正确转译。 swiper get started 上指出了这一点页面，但尚不清楚必须采取哪些措施来解决该问题。

Answer 1

经过几天的研究和多次尝试，我终于成功了。

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

最终配置:

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 的评论)- https://www.bountysource.com/issues/79144083-not-working-in-ie11

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