fix(webpack): provide global URL and URLSearchParams

[pi0]

Types of changes

• Bug fix (a non-breaking change which fixes an issue)
• New feature (a non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Description

Fixes #4914 by using built-in url package. Tested against node 8.x too. If we want even more consistency, can switch to https://www.npmjs.com/package/whatwg-url.

Related PRs: vuejs/vue#10414.

Checklist:

• My change requires a change to the documentation.
• I have updated the documentation accordingly. (PR: #)
• I have added tests to cover my changes (if not applicable, please state why)
• All new and existing tests are passing.

[codecov-io]

Codecov Report

Merging #6864 into dev will decrease coverage by 0.05%.
The diff coverage is 50%.

@@            Coverage Diff             @@
##              dev    #6864      +/-   ##
==========================================
- Coverage   64.75%   64.69%   -0.06%     
==========================================
  Files          78       78              
  Lines        2721     2725       +4     
  Branches      708      709       +1     
==========================================
+ Hits         1762     1763       +1     
- Misses        730      732       +2     
- Partials      229      230       +1

Flag	Coverage Δ
#unit	64.69% <50%> (-0.06%)	⬇️

Impacted Files	Coverage Δ
packages/config/src/config/build.js	100% <ø> (ø)	⬆️
packages/webpack/src/config/server.js	0% <0%> (ø)	⬆️
packages/cli/src/command.js	99.01% <100%> (ø)	⬆️
packages/cli/src/utils/config.js	96.66% <100%> (ø)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 90e4928...fccda75. Read the comment docs.

[clarkdo]

As ProvidePlugin can be easily configured by build.extend, should we provide this special config only for URL polyfill?

[pi0]

@clarkdo I think so because currently it is broken (#4914). If we do a polyfill, it makes sense to also allow disabling/adjusting this fix (some reported only whatwg-url works). And BTW this option is not documented.

[dhritzkiv]

Is there a trick to having this work?

I have a universal app that under v2.11.0 I was able to get URL working in client and SSR by setting config.render.bundleRenderer.runInNewContext to false.

Updating to 2.12.0 results in URL is not a constructor, no matter if I remove that setting or not. Is there something else I need to enable/disable or install in order to have URL work in both SSR and client? Running node 13, btw.

[pi0]

@dhritzkiv ProvidePlugin is a webpack feature and indeed yes the reason is runInNewContext is enabled by default in dev mode. How sad it broke your project :( Would you please help reproducing in a simple repo to quickly investigate?