You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
4.7 KiB
103 lines
4.7 KiB
2 years ago
|
|
||
|
|
|
||
|
|
[`core-js-compat` package](https://github.com/zloirock/core-js/tree/master/packages/core-js-compat) contains data about the necessity of [`core-js`](https://github.com/zloirock/core-js) modules and API for getting a list of required core-js modules by browserslist query.
|
||
|
|
|
||
|
|
```js
|
||
|
|
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.21', // 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.4' },
|
||
|
|
'es.promise.finally': { ios: '12.2-12.4' },
|
||
|
|
'es.string.match-all': { chrome: '77', firefox: '69', ios: '12.2-12.4' },
|
||
|
|
'es.string.replace': { firefox: '69', ios: '12.2-12.4' },
|
||
|
|
'es.typed-array.float32-array': { ios: '12.2-12.4' },
|
||
|
|
'es.typed-array.float64-array': { ios: '12.2-12.4' },
|
||
|
|
'es.typed-array.int8-array': { ios: '12.2-12.4' },
|
||
|
|
'es.typed-array.int16-array': { ios: '12.2-12.4' },
|
||
|
|
'es.typed-array.int32-array': { ios: '12.2-12.4' },
|
||
|
|
'es.typed-array.uint8-array': { ios: '12.2-12.4' },
|
||
|
|
'es.typed-array.uint8-clamped-array': { ios: '12.2-12.4' },
|
||
|
|
'es.typed-array.uint16-array': { ios: '12.2-12.4' },
|
||
|
|
'es.typed-array.uint32-array': { ios: '12.2-12.4' },
|
||
|
|
'es.typed-array.from': { ios: '12.2-12.4' },
|
||
|
|
'es.typed-array.of': { ios: '12.2-12.4' },
|
||
|
|
'web.dom-collections.iterator': { ios: '12.2-12.4' },
|
||
|
|
'web.immediate': { chrome: '77', firefox: '69', ios: '12.2-12.4' },
|
||
|
|
'web.url': { ios: '12.2-12.4' },
|
||
|
|
'web.url.to-json': { ios: '12.2-12.4' },
|
||
|
|
'web.url-search-params': { ios: '12.2-12.4' }
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
```
|
||
|
|
|
||
|
|
### `targets` option
|
||
|
|
`targets` could be [a `browserslist` query](https://github.com/browserslist/browserslist) or a targets object that specifies minimum environment versions to support:
|
||
|
|
```js
|
||
|
|
// browserslist query:
|
||
|
|
'defaults, not IE 11, maintained node versions'
|
||
|
|
// object:
|
||
|
|
{
|
||
|
|
android: '4.0', // Android WebView version
|
||
|
|
chrome: '38', // Chrome version
|
||
|
|
deno: '1.12', // Deno version
|
||
|
|
edge: '13', // Edge version
|
||
|
|
electron: '5.0', // Electron framework version
|
||
|
|
firefox: '15', // Firefox version
|
||
|
|
ie: '8', // Internet Explorer version
|
||
|
|
ios: '13.0', // iOS Safari version
|
||
|
|
node: 'current', // NodeJS version, you could use 'current' for set it to currently used
|
||
|
|
opera: '12', // Opera version
|
||
|
|
opera_mobile: '7', // Opera Mobile version
|
||
|
|
phantom: '1.9', // PhantomJS headless browser version
|
||
|
|
rhino: '1.7.13', // Rhino engine version
|
||
|
|
safari: '14.0', // Safari version
|
||
|
|
samsung: '14.0', // Samsung Internet version
|
||
|
|
esmodules: true, // That option set target to minimum supporting ES Modules versions of all browsers
|
||
|
|
browsers: '> 0.25%', // Browserslist query or object with target browsers
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
### Additional API:
|
||
|
|
|
||
|
|
```js
|
||
|
|
// equals of of the method from the example above
|
||
|
|
require('core-js-compat/compat')({ targets, filter, version }); // => { list: Array<ModuleName>, targets: { [ModuleName]: { [EngineName]: EngineVersion } } }
|
||
|
|
// or
|
||
|
|
require('core-js-compat').compat({ targets, filter, version }); // => { list: Array<ModuleName>, targets: { [ModuleName]: { [EngineName]: EngineVersion } } }
|
||
|
|
|
||
|
|
// full compat data:
|
||
|
|
require('core-js-compat/data'); // => { [ModuleName]: { [EngineName]: EngineVersion } }
|
||
|
|
// or
|
||
|
|
require('core-js-compat').data; // => { [ModuleName]: { [EngineName]: EngineVersion } }
|
||
|
|
|
||
|
|
// map of modules by `core-js` entry points:
|
||
|
|
require('core-js-compat/entries'); // => { [EntryPoint]: Array<ModuleName> }
|
||
|
|
// or
|
||
|
|
require('core-js-compat').entries; // => { [EntryPoint]: Array<ModuleName> }
|
||
|
|
|
||
|
|
// full list of modules:
|
||
|
|
require('core-js-compat/modules'); // => Array<ModuleName>
|
||
|
|
// or
|
||
|
|
require('core-js-compat').modules; // => Array<ModuleName>
|
||
|
|
|
||
|
|
// the subset of modules which available in the passed `core-js` version:
|
||
|
|
require('core-js-compat/get-modules-list-for-target-version')('3.21'); // => Array<ModuleName>
|
||
|
|
// or
|
||
|
|
require('core-js-compat').getModulesListForTargetVersion('3.21'); // => Array<ModuleName>
|
||
|
|
```
|
||
|
|
|
||
|
|
If you want to add new / update data about modules required for target engines, [follow this instruction](https://github.com/zloirock/core-js/blob/master/CONTRIBUTING.md#updating-core-js-compat-data).
|