Roun

<script src="roun.js"></script>
<script>
  var route = roun({
    notFoundPath: '/404',
    hashBase: '#!',
  });
  route.on('/', function () {
    console.log('/#!/');
  });
  route.on('/foo/:id/bar/:name', function (data) {
    console.info('id is %s, name is %s', data.id, data.name)
    console.log('/#!/foo/123/bar/john');
  });
  route.on('/foo/bar/:id', function (data) {
    console.info('id is %s', data.id)
    console.log('/#!/foo/bar/789');
  });
  route.on('/404', function () {
    console.log('/#!/404');
  });
  route.exec();
  //
  // or
  //
  // route
  //   .on('/', function () {...})
  //   .on('/foo/:id/bar/:name', function (data) {...})
  //   .on('/foo/bar/:id', function (data) {...})
  //   .on('/404', function () {...})
  //   .exec();
</script>

const roun = require('roun');
roun().on('/', () => {});

const roun = require('roun');
roun().on('/', () => {});

import roun from 'roun/es/roun';
roun().on('/', () => {});