*native-url webpack demonstration.md

native-url webpack demonstration

Normal Build: 13.4 kB

With native-url: 5.95 kB

(less than half the size)

The result is functionally equivalent in Node 7+ and all modern browsers (Chrome 61+, Firefox 60+, Safari 10+, Edge 16+ and anything else with ES Modules support).

.gitignore

package-lock.json
node_modules
dist

package.json

{
  "name": "native-url-tests",
  "version": "0.0.1",
  "scripts": {
    "build": "npm run -s build:without && npm run -s build:with && npm run -s sizes",
    "build:without": "webpack src.js -p -o dist/without.js --silent",
    "build:with": "webpack src.js -p -o dist/with.js --silent --resolve-alias url=native-url",
    "sizes": "echo \"Normal Build: $(cat dist/without.js | wc -c | pretty-bytes)\" && echo \"With native-url: $(cat dist/with.js | wc -c | pretty-bytes)\"",
    "start": "echo 'Normal build:' && node dist/without && echo 'With native-url' && node dist/with"
  },
  "devDependencies": {
    "native-url": "^0.2.0",
    "pretty-bytes-cli": "^2.0.0",
    "webpack": "^4.41.2",
    "webpack-cli": "^3.3.10"
  }
}

src.js

//const { format, resolve, parse } = require('url');
import { format, resolve, parse } from 'url';

console.log(
  format({ hostname: 'foo.com' })
);

console.log(
  resolve('http://example.com/', '/one')
);

console.log(
  parse('https://www.google.com/search?q=hello')
);