How to preload css.

[onweru]

We used to load css directly from the head section of index.html. Lately, it seems to me that we have to either use manganis or

    head::Link {
      rel: "stylesheet",
      href: "/index.css"
    }

The problem is that in both of these cases, the css is loads after the wasm binary does. Which is really a problem because you notice the content flash just before the css file loads.

How can we guarantee that the css file will load before the application binary does?

[ealmloff]

The CSS will be injected into the head during the server side rendering if you are using dioxus-fullstack or dioxus-static-generation. If you are using just dioxus-web, you can still add css links into your index.html manually

[onweru]

I'm using dioxus-web, somehow css files are not loaded when using index.html. In fact, dx strips stylesheet links out.

[onweru]

Hmm, it seems that when using dx, the css files needs to be:

1. inside the assets dir
2. listed under [web.resource] style=[] section of dioxus.toml

I kept doing #2 in futility because I was listing it as style=["/index.css"]. Notice the forward slash.

#1 also applies to other files e.g favicon.ico. The presence of an index.html seems to be inconsequential as it's utterly ignored.

[onweru]

Just updated dioxus to d0c9b67 and style=["/index.css"] works as intended.