使用 Babel Polyfill 或 Core-JS 为 IE 浏览器添加 ES6/ES7 语法支持
- 安装依赖库
使用 npm 或 yarn 安装 babel-polyfill 或 core-js 库
npm install babel-polyfill --save
或者
npm install core-js --save
- 在项目中引入依赖库
在项目中的入口文件中引入 babel-polyfill 或 core-js 库,例如在 index.js 中添加以下代码:
import 'babel-polyfill';
// 或者
import 'core-js/stable';
import 'regenerator-runtime/runtime';
- 配置 Babel
如果你使用了 Babel,需要在 .babelrc 文件中添加以下配置:
{
"presets": [
[
"@babel/preset-env",
{
"useBuiltIns": "usage",
"corejs": 3
}
]
]
}
其中,useBuiltIns 选项可以设置为 usage,表示按需引入 polyfill,corejs 选项指定使用的 core-js 版本。
- 构建项目
重新构建你的项目,然后在 IE 浏览器中运行,就可以使用 ES6/ES7 语法了。
原文地址: https://www.cveoy.top/t/topic/n8gf 著作权归作者所有。请勿转载和采集!