@babel/polyfill 总结

news/2024/2/28 5:53:30

原文链接 https://babeljs.io/docs/en/ba...

@babel/polyfill

Babel 包含一个polyfill 库。这个库里包含 regenerator 和 core-js.

这个库将会模拟一个完全的 ES2015+ 的环境。

这意味着你可以使用 新的内置语法 比如 promise 或者 WeakMap, 静态方法比如Array.from 或 Object.assign, 实例方法 比如 Array.prototype.includes 和 generator 函数。

Installation

npm install --save @babel/polyfill
这个是在你的source code 前运行的,所以安装的时候是 --save

size

polyfill 用起来很方便,但是你应该和 @babel/preset-env 以及 useBuiltIns option 一起用。这样在使用的时候就不会包含那些我们一般不会用到的polyfill 了。如果不这样做的话,我们还是建议你手动引入你需要的每个polyfill

TC39 提案

如果你想使用一些不在 Stage 4 中的提案,@babel/polyfill 不会自动帮你引入它们。你可以从 core-js 中单独引入。

usage in Node/Browserify/Webpack

为了引入polyfill。你需要在你应用的 entry point 的头部引入它

确保 它在 其他代码或者 引用前被调用
require('@babel/polyfill')

如果你使用的是es6 的import 语法,你也要在入口点的顶部引入polyfill,以确保首先加载polyfill。

import '@babel/polyfill'

webpack 集成polyfill

  • 和@babel/preset-env 一起用的时候

    • 如果在.babelrc 中指定 useBuiltIns: 'usage'的话,那么就不要在webpack.config.js 的 entry array 和source 中包含 @babel/polyfill 了。注意,@babel/polyfill 依然需要安装
    • 如果在.babelrc 中指定 useBuiltIns: 'entry'的话,那么就要和上面讨论的一样,在你应用的入口文件顶部通过require 或者 import 引入@babel/polyfill.
    • 如果在.babelrc 中没有指定 useBuiltIns 的值或者 设置 useBuiltIns: false. 可以直接在webpack.config.js 的 entry array 中添加 @babel/polyfill
        module.exports = {entry: ['@babel/polyfill', './app']}
  • 如果没有使用@babel/preset-env.那么就可以像我们上面讨论的一样把@babel/polyfill 添加到webpack 的entry array 中。你也可以直接通过import 或require 把它添加到应用的入口文件顶部。但是我们并不推荐这么做

Usage in Browser

在浏览器中使用的话,直接引入@babel/polyfill 发布的文件dist/polyfill.js 就行了。
这个文件需要包含在所有你编译好的代码之前。你可以把它放在你编译好的代码之前,也可以放在一个script 标签之中。


https://www.jiucaihua.cn/news/show-3501898.html

相关文章

# 粒子滤波 PF——三维匀速运动CV目标跟踪(粒子滤波VS扩展卡尔曼滤波)

粒子滤波 PF——三维匀速运动CV目标跟踪(粒子滤波VS扩展卡尔曼滤波) 对于该博客跟踪代码以及问题探讨可以联系:WX:ZB823618313 对于其他跟踪定位问题的代码及探讨也可以联系 原创不易,路过的各位大佬请点个赞 粒子滤…

一篇博客彻底掌握:粒子滤波 particle filter (PF) 的理论及实践(matlab版)

粒子滤波在目标跟踪中的应用:粒子滤波VS无迹卡尔曼滤波 粒子滤波—从贝叶斯滤波到粒子滤波理论到实践 原创不易,路过的各位大佬请点个赞 机动目标跟踪/非线性滤波/传感器融合/导航等探讨代码联系WX: ZB823618313 粒子滤波 —从贝叶斯滤波到粒子滤波理…

Python从入门到精通— 初识Python

Python从入门到精通— 初识Python Python基础知识学习系列博客,持续更新 Python从入门到精通— 初识Python Python从入门到精通— 初识Python1、Python简介2、认识"Python"3、Python版本4、Python的功能5、Python语言优点6、Python语言缺点1、Python简介…

机动目标跟踪—当前统计模型(CS模型)扩展卡尔曼滤波/无迹卡尔曼滤波 matlab实现

机动目标跟踪——当前统计模型(CS模型)扩展卡尔曼滤波/无迹卡尔曼滤波 matlab实现 原创不易,路过的各位大佬请点个赞 针对机动目标跟踪的探讨、技术支持欢迎联系,也可以站内私信 WX: ZB823618313 机动目标跟踪——当前统计模型&…

粒子滤波 particle filter —从贝叶斯滤波到粒子滤波——Part-I(贝叶斯滤波)

粒子滤波 particle filter —从贝叶斯滤波到粒子滤波——Part-I(贝叶斯滤波) 原创不易,路过的各位大佬请点个赞 机动目标跟踪/非线性滤波/传感器融合/导航等探讨代码联系WX: ZB823618313 粒子滤波PF—从贝叶斯滤波到粒子滤波PF——Part-I&a…

Docker 搭建 Django+Mariadb 环境

阅读建议 先通读全文后,再自行决定需要实践的步骤。后文总是有更简洁更快更好的实践。 不过,新人建议从头到尾实践,也不失为“笨办法学 Docker” 的美谈一桩。 本文思路: 直接拉取Mariadb镜像,搭建数据库手动Build Dja…

Latex排版[5]: 公式下多行下标

latex排版[5]: 公式下多行下标1. 方法一:substack1.1. 实例 11.2. 实例 22. 方法二:subarray环境latex如何排版公式的多行下标 latex如何插入公式的多行下标 原创不易,路过的各位大佬请点个赞 话不多说,直接上实例 1. 方法一&a…

稍纵即逝,读博期间要注意的事情 / 读博期间一定不要做的事

稍纵即逝,读博期间要注意的事情 读博期间一定不要做的10件事 tip:配图除了缓解文章疲劳,就没有其它意图了。 时间稍纵即逝,博士期间的科研时间其实非常紧张和短缺。对于刚入学的博士新生,尤其是直博生和长学制&#…

《我在51CTO微职位学软考——高效学习应对高项证书》

看这题目,很多人会认为笔者肯定是个混证书的人,但我想说的是,通过考试说明这次的培训学习验证了我的学习方法是可行的,当然,这方法也许只适用于我,如果能给看到的人一点帮助,那就是意外所得。每…

雷达、定位、跟踪等信号处理邻域SCI期刊整理及推荐

雷达邻域SCI期刊整理及推荐:题名、刊物信息、撰写特点、审稿周期及投稿难度总结 定位/跟踪邻域SCI期刊整理及推荐:题名、刊物信息、撰写特点、审稿周期及投稿难度总结 估计/滤波/融合等信号处理邻域SCI期刊整理及推荐:题名、刊物信息、撰写…