首页 > 解决方案 > webpack:没有 css 模块的 css 加载器 LocalIdentName

问题描述

我正在研究一个反应项目样板来开始。
我的队友说在我们定义的 CSS 类名中包含组件的名称和路径会很酷。他说,查找和定位要调试的组件会更容易。
类似于:(src/components/shared/post.tsx)

.test {
    ...
}
<div className="test">...</div>

结果是:

.shared__post__test {
    ...
}
<div className="shared__post__">...</div>

我知道这种行为是在“CSS Modules”中用“localIdentName”实现的,但是我们说过我们不会在这个项目中使用它。

我已经寻找替代方案,但没有任何结果。

你对我如何做到这一点有什么建议吗?

标签: javascriptcssreactjswebpackcss-loader

解决方案


推荐阅读