Can we have assets in a separate directory to the main html file?

So my previous webpack config would generate something which looked like this. html-webpack-plugin

public
├── index.html
└── ui-assets
    ├── assets-manifest.json
    ├── main.d2fe0910b8.js
    ├── main.d2fe0910b8.js.map
    ├── vendor.67dfc8f6a1.js
    └── vendor.67dfc8f6a1.js.map

This was useful to us because we didn’t want the main entry point (index.html) to be hashed. it also allowed us to serve static assets from a different place.

@chialab/esbuild-plugin-html@0.15.0 generates this:

public
├── 1-25MTWOSN.js
├── 1-25MTWOSN.js.map
├── 1-LCOOVKTY.css
├── 1-LCOOVKTY.css.map
└── index-LJMJ3LED.html

We don’t want the main entry point hashed, and we would like the assets (JS and css files) to be in a separate directory.

Is this possible for you to implement?

[edoardocavazza]

Oops, I forgot a console.log, removed in 0.15.4.

I hadn’t see before that your assets were CSS and JS files. Those files are considered chunks by esbuild, not assets. You have to set chunkNames: 'assets/[name]-[hash]' too.

[jasonwilliams]

Hey @edoardocavazza I just noticed in watch mode (not serve), its generating new assets but the html file isn’t being updated to point to the new ones. I think this may be a bug