Make a inversion of control implementation for Webpack

[BlueCutOfficial]

Context

In the past months, the team working on Embroider focused on building the Ember apps with Vite. Current Ember applications cannot be built with Vite. To solve this issue, when the build starts, Embroider first produces an intermediate Ember application that we call the “rewritten app” and outputs it to tmp/.embroider/rewritten-app. The rewritten app is slightly different from the initial Ember app in that it can be consumed by Vite.

To optimize the Vite build, we have started a wide technical topic called “inversion of control”. The idea is the following: instead of having Embroider produce a rewritten app, and then passing over to Vite once the rewritten app is ready, Vite takes the lead, and when it’s unable to resolve Ember-specific requests, it asks Embroider to return the information without the need of a rewritten app. More details in this Blog Post.

While working on this wide topic, we had to stop the support for Webpack.

Task

Bring back Webpack support using the inversion of control approach.

Note: make sure to work on the documentation piece while writing this webpack plugin https://github.com/orgs/embroider-build/projects/1?pane=issue&itemId=14431144