vudio | visualization audio using AudioContext and Canvas | Data Visualization library

Main difference is that in second case, Webpack does not know at build time what compName value can be at runtime so it will automatically create separate bundle for every file in /components/ folder.

From docs

The import() must contain at least some information about where the module is located. Bundling can be limited to a specific directory or set of files so that when you are using a dynamic expression - every module that could potentially be requested on an import() call is included. For example, import('./locale/${language}.json') will cause every .json file in the ./locale directory to be bundled into the new chunk. At run time, when the variable language has been computed, any file like english.json or german.json will be available for consumption.

You can tune what should be included and what not with "magic comments" tho. For example following will bundle only .json files from the folder