在使用 css-modules 时移除由 css-loader 生成的类对象

问题描述

目前在 modules: true 配置中定义了 css-loader 选项时，每个 css 文件的 js 输出中都会添加一个 json 对象。例如

输入

// style.css

.has-spinner {

}

输出

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

然后，在我的例子中，它会被一些 React 组件引用：

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

我想知道是否有任何加载程序/插件能够像这样内联生成的 css 属性并删除 json 对象：

// style.css
.someHashedCssModuleClass {

}

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

这样可以减少包的大小。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）