More documentation around esModules and their behavior please

[tstirrat15]

More documentation around esModules and their behavior please

[alexander-akait]

What does an esModule mean in the context of file-loader?

From docs:

By default, file-loader generates JS modules that use the ES modules syntax. There are some cases in which using ES modules is beneficial, like in the case of module concatenation and tree shaking.

How would it be imported and used? Is it meant for end consumption (i.e. being a loader by itself), or is it more meant for chaining?

Always yes.

When would the features esModule enables (like tree-shaking) be used? We're primarily using file-loader for image references, and it isn't clear where or how tree-shaking would happen when your imports are singular.

How tree-shaking works is out of the repo.

You can find a lot of articles about tree shaking and import/export

[tstirrat15]

Always yes.

Is that yes to end consumption or is that yes to chaining? I think that would answer my question.

[rightaway]

Are we able to use import() function or only import statement? I get src="[object Promise]" as the output when I use import() even though I have esModule: true.

[alexander-akait]

@rightaway update html-loader to latest version

[rightaway]

I'm not using html-loader. You mean file-loader? I'm using latest 6.0.0. This is in a Vue template file btw.