How to properly polyfill URLSearchParams in webpack?

javascript webpack fetch polyfills
Max Semikin picture Max Semikin · Aug 19, 2016 · Viewed 18.3k times · Source

I have a project that uses fetch polyfill from isomorphic-fetch. I would like to use URLSearchParams with it to submit POST data. For fetch to support URLSearchParams it first checks if it is available in global object. I though to use this polyfill for it but I don't know how to properly import it in webpack, so that fetch notices that it is available.

How can I accomplish this? Thank you!

Answer

peter46 picture peter46 · Dec 5, 2016

I had the same issue, had to switch to other polyfill to make it work, try this:

https://github.com/jerrybendy/url-search-params-polyfill

then simply add it to your webpack config:

entry: {
  bundle: [
    ...
    'url-search-params-polyfill',
    './src/entry'
  ]
}

Related questions

Getting Unexpected Token Export

I am trying to run some ES6 code in my project but I am getting an unexpected token export error. export class MyClass { constructor() { console.log("es6"); } }

Read More
Correct path for img on React.js

I have some problem with my images on my react project. Indeed I always thought that relative path into src attribute was built on the files architecture Here my files architecture: components file1.jsx file2.jsx file3.jsx container img …

Read More
Managing jQuery plugin dependency in webpack

I'm using Webpack in my application, in which I create two entry points - bundle.js for all my JavaScript files/codes, and vendors.js for all libraries like jQuery and React. What do I do in order to use …

Read More