React & Modern Frontend (445 Qs)•Part 11: Legacy Architecture, Migration Patterns & Historical Internals (354 - 445)
What are the approaches to include polyfills in your create-react-app?
There are approaches to include polyfills in create-react-app,
javascript
1. **Manual import from `core-js`:**
Create a file called (something like) `polyfills.js` and import it into root `index.js` file. Run `npm install core-js` or `yarn add core-js` and import your specific required features.
javascript
import "core-js/fn/array/find";
import "core-js/fn/array/includes";
import "core-js/fn/number/is-nan";
vbnet
2. **Using Polyfill service:**
Use the polyfill.io CDN to retrieve custom, browser-specific polyfills by adding this line to `index.html`:
html
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=default,Array.prototype.includes"></script>
vbnet
In the above script we had to explicitly request the `Array.prototype.includes` feature as it is not included in the default feature set.