>[success] # 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 標準庫打補丁的方式 ~~~ >[info] ## 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 代碼 ~~~ >[danger] ##### core-js -- 案例 ~~~ 1.現在想在'ie10' 中使用數組方法'includes' 因此需要使用'corejs'墊片功能，可以安裝'npm install core-js' ， 變可以發現數組的'includes' 在ie10的瀏覽器下也可以運行了 2.'core-js' 導入幾種形式： // 導入所有新提案api import "core-js"; // 唯一穩定的'core js'功能-es和web標準 import "core-js/stable"; // 僅支持穩定的ES功能 import "core-js/es"; // 只導入指定api import "core-js/features/set"; import "core-js/stable/set"; import "core-js/es/set"; ~~~ >[danger] ##### 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 鏡像 ~~~ >[danger] ##### core-js-compat [包地址](https://www.npmjs.com/package/core-js-compat) ~~~ 1.core-js-compat 可以幫助查詢對應環境下需要的'api' 使用 const { list, // array of required modules targets, // object with targets for each module } = require('core-js-compat')({ targets: '> 2.5%', // browserslist query or object of minimum environment versions to support filter: /^(es|web)\./, // optional filter - string-prefix, regexp or list of modules version: '3.16', // used `core-js` version, by default - the latest }); 打印結果： console.log(targets); /* => { 'es.symbol.match-all': { ios: '12.2-12.4' }, 'es.array.unscopables.flat': { ios: '12.2-12.4' }, 'es.array.unscopables.flat-map': { ios: '12.2-12.4' }, 'es.math.hypot': { chrome: '77' }, 'es.promise.all-settled': { firefox: '69', ios: '12.2-12. ... } ~~~ >[info] ## 實際組合 ~~~ 1.core-js-compact 可以被 Babel 生態使用，由 Babel 分析出根據環境需要按需加載的墊片； 2.core-js-builder 可以被 Node.js 服務使用，構建出不同場景的墊片包。 ~~~ >[info] ## 文章參考 [ core-js 及墊片理念：設計一個“最完美”的 Polyfill 方案](https://kaiwu.lagou.com/course/courseInfo.htm?courseId=584&sid=20-h5Url-0&buyFrom=2&pageId=1pz4#/detail/pc?id=5911)