Let's be concrete. How do I do dynamic imports in Webpack?
> Webpack was one of the first bundlers to use Dynamic Imports as a signal for creating code-splitting boundaries.
> Unlike multiple entries, split points created using Dynamic Imports consistently result in a separate bundle being created without customizing optimization.splitChunks.
Okay, but what does that mean? How do I make it work? What are the actual configuration settings? The site gives you no clues.
All right, let's go to https://webpack.js.org/guides/code-splitting/#dynamic-import... and read the docs.
Haha, okay, yes "Webpack" can totally do dynamic imports. All you have to do is read 50 pages of confusing docs first and craft a perfect config file. If you're familiar with Webpack, it shouldn't take more than 1 or 2 hours (my serious, no joking estimate).
Or you could use a bundler tool instead of a bundler tool tool.
https://bundlers.tooling.report/
webpack: 43.5/48
rollup: 40.5/48
parcel: 31.5/48