如何在 Go 模板中内联 JS/CSS？

Question

I have a go template like https://github.com/kaihendry/ltabus/blob/master/static/index.html

What is my best strategy to inline CSS/JS on compilation?

Eg on execution I want <link rel='stylesheet' href='/static/style.css'> to become:

<style>
body {
padding: 5px;
font-size: 120%;
} ... /* and so forth */
</style>

Perhaps I should have a build step / Makefile?

Answer 1

As I mentioned in comments you can compile it with webpack plugin which change link to the real file content.

But if you want to do it with go-template you can directly inject css to your html file

index.html

<style>
  {{.Style}}
</style>

in your go file

tmpl, err := template.New("index.html").ParseFiles("index.html")
if err != nil {
    // handle error
    return
}
style, err := os.ReadFile("style.css")
if err != nil {
    // handle error
    return
}
tmplData := struct {
    Style template.CSS
}{Style: template.CSS(style)}

err = tmpl.Execute(os.Stdout, tmplData)
if err != nil {
    // handle error
    return
}