webpack babel IE 11 报错解决方案

版权声明：将遇到的问题，记录下来，方便自己也方便大家。 本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/y491887095/article/details/81541502

在最近一段时间的工作中，出现了多次，webKit内核可以加载，但是IE内核无法加载的情况。

深入研究并解决后，却发现他们基本上都是一类问题。

解决方法：

1、在main.js中，引入babel-polyfill

import 'babel-polyfill';

2、在bable-loader中，加入报错的模块

{
    test: /\.js$/,
    loader: 'babel-loader',
    include: [resolve('src'), resolve('test'),
    resolve('node_modules/webpack-dev-server/client'),
    resolve('node_modules/@cityworks/cw3d-cm')]
},

include 表示哪些目录中的 .js 文件需要进行 babel-loader

exclude 表示哪些目录中的 .js 文件不要进行 babel-loader

3、修改.babelrc

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
    }
  }
}

.babelrc配置参考链接：https://excaliburhan.com/post/babel-preset-and-plugins.html