Making multi page/directory template?

[b1mind]

A good way to include a baseUrl and keep relative file pathing in vite and use with a multi page template using pug? I have added more entry points to vite to point to the other .html files but having a hard time getting it working right, specially if you wanted sub directories.

Any ideas on this?

[SubZtep]

The renderer takes a data object argument, if I understand well these are key/value pairs of local variables in Pug, exactly what you are looking for! I'm implementing it and will publish a new version soonish.

Vite hardcoded .html extension for HTML, but creating Pug templates and using them like a higher-order component could be possible. It's a great idea, I will have a look!

[SubZtep]

@b1m1nd I made a new release, minimum viable update for now. Not sure what format would be the best for templates yet.

Set variables:

vite-plugin-pug/examples/multipage/vite.config.ts

Line 6 in bcef412

plugins: [pugPlugin(undefined, { hello: "world", baseUrl: "/nested/" })],

Use them in a .pug file:

vite-plugin-pug/examples/multipage/index.pug

Lines 4 to 6 in bcef412

	a(href=baseUrl) simply nested
	=" — "
	a(href=baseUrl+"test.html") html link

[b1mind]

This should help a lot, I had just been making a templates folder at root and using import. extends. I will play around and see if I have any worth while feedback for ya.

[SubZtep]

@b1m1nd here is a snippet for templates but it doesn’t tickle my fancy https://github.com/SubZtep/vite-plugin-pug/tree/multipage/examples/multiroot

[b1mind]

This looks to be much better than how I was doing it (with multi-entry points and having to tell vite to look at them). That router looks interesting, seems like vite will not do things like snowpack in terms of html templating. I am still pretty new to JS and tooling still so, lots goes above my head.

Will this allow for import/extending from other pug files still? The issue I am having atm is if I want to extend the html head to include a different .js or link diff stylesheet it has to be a html entry point for vite to compile it during build time.

Here is my repo I am playing with, I got it partially working. Look forward to trying this new branch of yours though. (mind the mess I was using it real fast for a codepen challenge lol)
https://github.com/b1m1nd/vite-pug

[SubZtep]

I think introducing the router was an unnecessary step, it caused unwanted complexity for this script. At this level, there are much better solutions.

[SubZtep]

Hey, check out the new release (v0.3), this pr resolve this issue. :)
Surely post any related comment/idea here.