reactjs - 使用 css 模块时在控制台中使用原始类名
问题描述
我正在使用 babel-plugin-react-css-modules。这是我对 webpack 的配置。
devtool: 'source-map',
{
test: /\.local\.(css|scss)$/,
use: [
'style-loader',
'css-loader?sourceMap&modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]',
'postcss-loader?sourceMap',
'sass-loader?sourceMap',
{
loader: 'sass-resources-loader?sourceMap',
options: {
resources: [ path.resolve(__dirname, './src/client/styling/styles/variables.scss'), ],
},
},
],
},
当我添加这样的东西时,在我的组件内部
<h2 styleName="feature-one">Feature Scene</h2>
在我的css文件中我添加了这个
.feature-one {
color: red;
}
一切都与样式有关,但是如果我检查元素,这就是我所看到的
它是生成的 css 模块名称。我可以在检查元素时以某种方式映射它并显示原始类名“feature-one”吗?
解决方案
你可以试试devtool: "nosources-source-map"
。
推荐阅读
- javascript - 防止 CORS - Ajax GET 到 Nginx 服务器
- git - Azure DevOps:绕过分支策略不适用于新分支
- apache-spark - sdf_bind_rows(a,b) %>% group_by(col1,col2) %>% sumarize(n=n()) 使 Spark 和 R 崩溃
- python - 寻找一种用python提取子字符串的方法
- python - selenium.common.exceptions.WebDriverException:消息:无法将数据转换为对象
- python - 如何修复登录页面中预期的缩进块
- telerik - Telerik Report Designer:如何从页脚组中选择总值以在详细组中使用以计算占总数的百分比
- c# - 动态读取exel文件,不依赖行,写json c#
- ios - swift中braintree集成期间需要授权错误
- javascript - 在 React Redux 中实现的获取操作返回:“无法读取未定义的属性 'title'”