diff --git a/src/middleware/index.ts b/src/middleware/index.ts index 90ef0ca..80def88 100644 --- a/src/middleware/index.ts +++ b/src/middleware/index.ts @@ -122,7 +122,12 @@ function get_route_handler(chunks: Record, routes: RouteObject[] // preload main.js and current route // TODO detect other stuff we can preload? images, CSS, fonts? - res.setHeader('Link', `;rel="preload";as="script", ;rel="preload";as="script"`); + const link = [] + .concat(chunks.main, chunks[route.id]) + .map(file => `;rel="preload";as="script"`) + .join(', '); + + res.setHeader('Link', link); const data = { params: req.params, query: req.query }; @@ -159,7 +164,11 @@ function get_route_handler(chunks: Record, routes: RouteObject[] const { html, head, css } = mod.render(data); - let scripts = ``; + let scripts = [] + .concat(chunks.main) // chunks main might be an array. it might not! thanks, webpack + .map(file => ``) + .join(''); + scripts = `${scripts}`; const page = template.render({