Importing with a type attribute of "css" is not supported about esbuild HOT 7 CLOSED

Thanks for the clarification. Please would you verify I am understanding you correctly, bundling is currently supported for assert by using --supported:import-assertions=true, and in the future (not ready yet) bundling will be supported for with by using --supported:import-attributes=true ?

Yes, that's correct. The reason assert "just works" with esbuild but with doesn't is because with can affect path resolution while assert can't (you can read more about that here). So the bundler basically ignore assert as it is mostly meaningless, but it can't ignore with.

from esbuild.

This is happening because esbuild doesn't currently implement bundling CSS imports that use the type: css import attribute (see #3384).

Did you mean to use --external:*.css to tell esbuild to not bundle these files?

from esbuild.

when i use assert keyword to import css, --loader:.css=copy work perfectly

esbuild style.js --bundle --minify --target=chrome123 --outfile=build/style.js --format=esm --loader:.css=copy

with is just replacement of assert for iimport css files
I expect --loader:.css=copy should work.

I also use --external:*.css but esbuild throw same error

Importing with a type attribute of "css" is not supported

    style.js:1:48:
       import styleCss from "./style.css" with { type: "css" };

please add support for with keyword same as assert

from esbuild.

Ah ok, so this is perhaps a request for with to work with the copy loader. That makes sense.

from esbuild.

I have this problem too, I used to use assert { type: "css" } but now the syntax has been deprecated for with { type: "css" }. Maybe in addition to the --supported:import-assertions=true ther should be a --supported:import-with=true flag?

from esbuild.

The name is import-attributes not import-with because the syntax is called import attributes. You can find the full list of feature names that can be used with --supported in esbuild's documentation: https://esbuild.github.io/api/#supported

However, enabling support for the with syntax doesn't do anything in this case. The problem is that bundling isn't supported yet, not that the syntax isn't supported.

from esbuild.

The name is import-attributes not import-with because the syntax is called import attributes. You can find the full list of feature names that can be used with --supported in esbuild's documentation: https://esbuild.github.io/api/#supported

However, enabling support for the with syntax doesn't do anything in this case. The problem is that bundling isn't supported yet, not that the syntax isn't supported.

Thanks for the clarification. Please would you verify I am understanding you correctly, bundling is currently supported for assert by using --supported:import-assertions=true, and in the future (not ready yet) bundling will be supported for with by using --supported:import-attributes=true ?

I am super excited and waiting for cause this cause I was forced to move to with, but now my build step is no longer working correctly. Cheers!

from esbuild.