webpack/examples/hybrid-routing/router.js

19 lines
733 B
JavaScript

var render = require("./render");
// Event when another page should be opened
// Maybe hook click on links, hashchange or popstate
window.onLinkToPage = function onLinkToPage(name) { // name is "a" or "b"
// require the page with a dynamic require
// It's important that this require only matches the pages
// otherwise there is blood in the bundle. Here this is done with a
// specific file prefix. It's also possible to use a directory,
// overwriting the RegExp with the ContextReplacementPlugin, or
// using the require.context method.
// This line may throw a exception on runtime if the page wasn't found.
import(/* webpackChunkName: "[request]" */`./${name}Page`).then(page => {;
render(page.default);
});
}