javascript - 类上的 IE11 JavaScript 语法错误，使用 Webpack 构建

Question

我无法让 Babel 将 ES6 类定义转换为可在 IE11 中运行的 ES5。 JavaScript 编译得很好，它在现代浏览器中运行良好，但它仍然以 ES6 形式保留类定义，这会破坏 IE11。

这是我的 webpack.js:

module.exports = {
module: {
    rules: [
        {
            test: /\.js$/,
            include: [path.resolve(__dirname, 'src')],
            exclude: /node_modules/,
            loader: 'babel-loader',

            options: {
                presets : [
                  [ "@babel/preset-env", {
                     "useBuiltIns": "entry",
                     "targets": {
                        "browsers": [
                           "last 5 versions",
                           "ie >= 10"
                        ]
                     },
                     "debug":true
                  }]
                ]
            }
        }
    ]
},

entry:
    [path.resolve(__dirname + "/src/js/app.js")],

...
};

我还在我的 js 文件顶部包含了 babel polyfill

import '@babel/polyfill';

Answer 1

1. 将 package.json 改成这样:

  "scripts": {
    ...
    "build": "vue-cli-service build **--watch**",
    ...
  },

1. npm 运行构建

这将解决您的问题。如果没有 --watch，您会在 IE11 中遇到脚本错误。