Version 4 restructures the library's exports to have more modern defaults, and employs modern best practices for publishing npm packages.
- The default export (i.e.
import "web-streams-polyfill"
) is now the ponyfill variant instead of the polyfill variant, to avoid modifying the global scope. If you do want to install the polyfill on the global scope, switch to thepolyfill
variant. - The default export uses ES2015 syntax and targets modern Node and browser environments. If you need to support ES5 environments, switch to either the
es5
orpolyfill/es5
variant. - The polyfill variant no longer re-exports the ponyfill, so
import { ReadableStream } from "web-streams-polyfill/polyfill"
won't work. Instead, use the globalReadableStream
variable directly after loading the polyfill, or switch to the default (non-polyfill) variant. - The project uses Node's subpath exports to provide each variant as a dual module (UMD/ESM). You need Node 12.20.0 or higher to resolve these variants. If you're using a bundler (like webpack or Rollup), you need to make sure it's up-to-date too. If you're using TypeScript, your
moduleResolution
must be set to"node16"
,"nodenext"
or"bundler"
.
Version 4 also focuses on reducing the download size of the published npm package.
- All published JavaScript code is now minified, without source maps. If you need to debug the polyfill, you can clone it and build it yourself.
- The ES2018 variant was removed, since it had only minor differences with the ES2015 variant. If you were using this variant, switch to the default export instead.
The following table shows how to upgrade your v3 import to their equivalent v4 import:
v3 import | v4 import | description |
---|---|---|
web-streams-polyfill |
web-streams-polyfill/polyfill/es5 |
ES5+ polyfill |
web-streams-polyfill/es6 |
web-streams-polyfill/polyfill |
ES2015+ polyfill |
web-streams-polyfill/es2018 |
web-streams-polyfill/polyfill |
ES2015+ polyfill |
web-streams-polyfill/ponyfill |
web-streams-polyfill/es5 |
ES5+ ponyfill |
web-streams-polyfill/ponyfill/es6 |
web-streams-polyfill |
ES2015+ ponyfill |
web-streams-polyfill/ponyfill/es2018 |
web-streams-polyfill |
ES2015+ ponyfill |