javascript - 使用 Grunt-Babel 使 ES6 Internet Explorer 11 兼容

Question

我安装了 grunt-babel 以允许 IE 11 用户访问我们的网站。现在，该站点对这些用户来说已损坏。除了出现以下我不知道如何解决的错误外，我基本上都取得了成功。

ReferenceError: regeneratorRuntime is not defined

看起来 polyfill 已被弃用，所以我想知道最好的解决方案是什么。

编辑按照 justDan 和 David 的建议，我安装了 regenerator/runtime 包，现在出现错误 require is not defined

此代码将通过浏览器运行。我的公司正在使用自定义 CMS，这需要我们压缩主题文件，并且有很大一部分需要动态填充文本，这是使用 ES6 模板文字的部分原因。

package.json 文件

{
  "name": "Some Site",
  "version": "1.0.0",
  "description": "",
  "main": "Gruntfile.js",
  "dependencies": {
    "regenerator-runtime": "^0.13.3"
  },
  "devDependencies": {
    "@babel/core": "^7.7.2",
    "@babel/preset-env": "^7.7.1",
    "@babel/preset-es2015": "^7.0.0-beta.53",
    "babel-preset-es2015-nostrict": "^6.6.2",
    "grunt": "^1.0.4",
    "grunt-autoprefixer": "^3.0.4",
    "grunt-babel": "^8.0.0",
    "grunt-contrib-compress": "^1.5.0",
    "grunt-contrib-concat": "^1.0.1",
    "grunt-contrib-cssmin": "^3.0.0",
    "grunt-contrib-imagemin": "^3.1.0",
    "grunt-contrib-less": "^2.0.0",
    "grunt-contrib-uglify": "^4.0.1",
    "grunt-contrib-watch": "^1.1.0",
    "grunt-purifycss": "^0.1.2"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

.babelrc 文件

{
  "presets": ["@babel/preset-env"]
}

Answer 1

你需要安装并运行这个包

https://www.npmjs.com/package/regenerator-runtime