How to Restore Previous Build Output with Hashed JS Chunks, CSS, and Image Names

[cjdxhjj]

🐞 Describe the Bug

A clear and concise description of what the bug is.

How can I get build output that matches the previous version — where JavaScript chunk names include hashes, CSS filenames have hashes, and image filenames also have hashes? In the current build output, images and CSS files no longer have hashes, JavaScript is not split into multiple chunks, and there are only two JS files: main-xxxx.jsand modules-4-12-DAsRyi-K.js. The main-xxxx.jsfile is too large, and there is now an extra directory called @embroider.

🔬 Minimal Reproduction

Describe steps to reproduce. If possible, please, share a link with a minimal reproduction.
6.x
my app is upgrade to 7.0

😕 Actual Behavior

A clear and concise description of what is happening.

🤔 Expected Behavior

A clear and concise description of what you expected to happen.

🌍 Environment

• Ember: - 7.0
• Ember-CLI: - 7.0
• Node.js/npm: - 26
• OS: - windows 10
• Browser: - chrome

➕ Additional Context

Add any other context about the problem here.

[NullVoxPopuli]

you probably want to customize how vite chunks the modules:

• https://vite.dev/guide/build#chunking-strategy

, images and CSS files no longer have hashes

this is def a bug around compat, but you can get hashing again if you use the vite native CSS features:

• remove @embroider/virtual/*.css
• add a <link tag to your CSS entrypoint

If you're starting a new project, and are willing to be a little on the bleeding edge, there is a generator you can try this unofficial project generator that I'm maintaining as I explore how to get it to be the default cli:

pnpm dlx ember.nvp

this removes all compat features and is just a plain vite app, type=module, etc. it's set up so you get the smallest app possible.

If you're going for the smallest thing possible, there is this demo:

• https://github.com/nullVoxPopuli/smol-est-ember-app

Longer term, I'm aiming to add type=module to emberjs here:

• type=module #21371 -- this, + some other things, gets our "hello world" minimal demo to half that of React, and we can go further!

[cjdxhjj]

Thanks for your reply! My project was created with ember new​ on Ember 7.0. I'll give your new template a try.

[cjdxhjj]

Although the new project template is Vite-based, it still has a lot of @babel dependencies, and the compilation speed isn't much faster.

[NullVoxPopuli]

Yeah, we haven't published a meta plugin that correctly defers many things to oxc yet. I have a prototype that i use in production at work, but i need to put it in to a package.

Note tho that at least for the near term, we'll be using babel on some things (in particular files with templates, decorators, etc, but those are small files, and oxc, i've seen, covers more than half of all files even in node_modules, and gives much more than halving the build time)

[NullVoxPopuli]

We also need this merged: rollup/plugins#1956

parallel babel is really good

[cjdxhjj]

But Vite 8 has already switched to Rolldown. @NullVoxPopuli

[NullVoxPopuli]

yup, rolldown is better, but it doesn't support all the transforms we need.
we have a whole ecosystem built on a babel (@embroider/macros, ember-concurrency, etc use a babel plugin), and until rolldown adds support for babel plugins, we have to use babel directly for the files that need it

and what I mean by the files that need it is something like this:

• https://github.com/NullVoxPopuli/ember.nvp/pull/32/changes#diff-959eb09335e17b12573f3ee2f9b8c85fbb2b89824c336c4e8a784f813f34cc66