[Question]Will Webpack support CSS module scripts?

It seems that Chrome implements CSS module scripts which imports CSS using import assertion. https://web.dev/css-module-scripts/

import sheet from './styles.css' assert { type: 'css' };
document.adoptedStyleSheets = [sheet];
shadowRoot.adoptedStyleSheets = [sheet];

This seems to have different specifications than when using css-loader. I’m wondering if I need to be aware of the difference between css-loader and CSS module scripts in the future.

// CSS module scripts
import sheet from './styles.css' assert { type: 'css' };
// with css-loader
import sheet from './styles.css';

Are there any plans to support this on the Webpack side? Is this a problem that another library should address?

[alexander-akait]

@AkifumiSato Not fully finished

[sokra]

assert handling is already in the core. You can do that:

module.rules: [ {
  test: /\.css$/,
  oneOf: [
    { assert: { type: "css" }, loader: "css-loader", options: { exportStylesheet: true } },
    { loader: "css-loader", options: { exportStylesheet: false } }
  ]
} ]

Assuming css-loader supports exportStylesheet, which it currently don’t