core.js 是个什么
1.core-js 它是JavaScript标准库的 polyfill(垫片/补丁), 新功能的es'api'转换为大部分现代浏览器都可以支持
运行的一个'api' 补丁包集合。
2.因为官方库对他介绍的形容
2.1.它支持最新的 ECMAScript 标准
2.2.它支持ECMAScript 标准库提案
2.3.它支持一些 WHATWG / W3C 标准(跨平台或者 ECMAScript 相关)
2.4.它最大限度的模块化:你能仅仅加载你想要使用的功能
2.5.它能够不污染全局命名空间
2.6.它和babel紧密集成:这能够优化core-js的导入
2.7.它是最普遍、最流行 的给 JavaScript 标准库打补丁的方式
core-js 相关功能包
1.在'corejs'的工程项目的 packages文件中 中 'https://github.com/zloirock/core-js/tree/master/packages',
能看到五个相关包
1.1'core-js' 安装'npm install core-js' 作用'定义全局的polyfill'
1.2.'core-js-pure' 安装 'npm i core-js-pure' 作用'提供不污染全局环境的polyfill,等价于core-js@2/library'
1.3.'core-js-compat'安装'npm i core-js-compat' 作用维护了按照'browserslist'规范的垫片需求数据,来帮助我
们找到'符合目标环境'的 'polyfills' 需求集合
1.4.'core-js-builder' 安装'npm i core-js-builder' 作用可以被 Node.js 服务使用,构建出不同场景的垫片包。
1.5.'core-js-builder' 安装'npm i core-js-builder' 作用可以结合 'core-js-compact' 以及 'core-js',并利用 'webpack '能力,
根据需求打包出 core-js 代码
core-js -- 案例
1.现在想在'ie10' 中使用数组方法'includes' 因此需要使用'corejs'垫片功能,可以安装'npm install core-js' ,
变可以发现数组的'includes' 在ie10的浏览器下也可以运行了
2.'core-js' 导入几种形式:
import "core-js";
import "core-js/stable";
import "core-js/es";
import "core-js/features/set";
import "core-js/stable/set";
import "core-js/es/set";
core-js-pure
1.core-js-pure 提供了不污染全局变量的垫片能力,例如
'import _from from 'core-js-pure/features/array/from' 即可以对 数组的'from' 方法重命名,这样就不会
和某些支持的数组'from'环境变量名冲突
2.'coe-js' 需要在数组 Array 的原型上,以'污染数组原型'的方式来扩展方法。而 core-js-pure 则单独维护了一份 export 镜像
core-js-compat
包地址
1.core-js-compat 可以帮助查询对应环境下需要的'api' 使用
const {
list,
targets,
} = require('core-js-compat')({
targets: '> 2.5%',
filter: /^(es|web)./,
version: '3.16',
});
打印结果:
console.log(targets);
实际组合
1.core-js-compact 可以被 Babel 生态使用,由 Babel 分析出根据环境需要按需加载的垫片;
2.core-js-builder 可以被 Node.js 服务使用,构建出不同场景的垫片包。
文章参考
core-js 及垫片理念:设计一个“最完美”的 Polyfill 方案