javascript - Remove class objects generated by css-loader when using css-modules

Question

Currently when the modules: true option is defined in css-loader configuration, a json object is added to js output for each css file. E.g

input

// style.css

.has-spinner {

}

output

// style.css (in js bundle)
{
  hasSpinner: 'someHashedCssModuleClass',
}

and then, in my case, it will be referenced by some React component:

// someComponent.js
<SomeComponent className={styles.hasSpinner}

I'm wondering if there is any loader/plugin that is capable of inlining the generated css properties and removing the json object like so:

// style.css
.someHashedCssModuleClass {

}

// someComponent.js
<SomeComponent className="someHashedCssModuleClass"

So that bundle size can be reduced.

question from:https://stackoverflow.com/questions/65952383/remove-class-objects-generated-by-css-loader-when-using-css-modules

Answer 1

Waitting for answers