要在Babel 7中为IE11填充Promise、Fetch和一些JavaScript文件,你可以使用@babel/preset-env插件和@babel/polyfill库。下面是一个示例解决方案:
Step 1: 安装依赖
首先,你需要安装以下依赖:
npm install --save-dev @babel/preset-env @babel/polyfill
Step 2: 配置Babel
在你的项目根目录下创建一个名为.babelrc的文件,并添加以下内容:
{
"presets": [
["@babel/preset-env", {
"useBuiltIns": "usage",
"corejs": 3
}]
]
}
Step 3: 引入@babel/polyfill
在你的JavaScript入口文件(例如index.js)的顶部引入@babel/polyfill:
import '@babel/polyfill';
Step 4: 构建你的项目
使用Babel构建你的项目,以确保@babel/polyfill被正确填充:
npx babel src --out-dir dist
现在,你的项目中的Promise、Fetch和一些JavaScript文件(例如供应商文件)将在IE11中正确填充。请注意,@babel/polyfill会将所有填充的代码都包含在构建后的输出文件中,因此请确保你的构建文件大小和性能需求可以容忍。
希望这可以帮助到你!
上一篇:Babel 7与jest无法运行redux组件测试。
下一篇:Babel 7在node_modules中不进行转译依赖项:“import”和“export”只能与“sourceType: module”一起出现。