Javascript 如何在React组件中将postcss bem与css模块或postcss js结合使用

我正在学习如何使用POSTSS bem生成bem样式的css文件， 但我想知道是否有类似CSS模块或Postcss JS的软件包，我可以使用它们来执行以下操作：

const ReactComp扩展React.Component{
render（）{
让样式='。/postsss bem.css'
归还某物
}
}

postcss js是一个js中的CSS解决方案，因此它可以与js中编写的CSS一起使用

根据文件扩展名，在postss-bem.CSS中使用CSS，而不是JS

---

同样，在CSS模块中使用postcss bem插件也没有任何意义。BEM允许您通过为每个选择器设置前缀来隔离CSS。但是CSS模块也隔离了CSS。因此，您可以使用这两个PostCSS工具执行相同的操作。

PostCSS js是js中的CSS解决方案，因此它可以与js中编写的CSS一起工作

根据文件扩展名，在postss-bem.CSS中使用CSS，而不是JS

同样，在CSS模块中使用postcss bem插件也没有任何意义。BEM允许您通过为每个选择器设置前缀来隔离CSS。但是CSS模块也隔离了CSS。因此，您可以使用这两个PostSS工具执行相同的操作。

谢谢Andrey， 我的解决方案是：使用css加载程序散列css标记并将其加载到js文件中

//将这些代码添加到webpack.config.js
模块：{
装载机：[
{
测试：/\.css$/,，
装载机：[
“样式加载器”，
“css加载器”+“模块和localIdentName=[name].[local].[hash:base64:3]”，
“邮政编码加载器”
],
}
]
}，

谢谢Andrey， 我的解决方案是：使用css加载程序散列css标记并将其加载到js文件中

//将这些代码添加到webpack.config.js
模块：{
装载机：[
{
测试：/\.css$/,，
装载机：[
“样式加载器”，
“css加载器”+“模块和localIdentName=[name].[local].[hash:base64:3]”，
“邮政编码加载器”
],
}
]
}，

谢谢！我误解了postcss js的提议，现在已经找到了将css令牌加载到js文件的解决方案，我修改了我的webpack.config.js，使用css loader将css令牌散列并作为类名加载到我的React组件中。非常感谢！谢谢我误解了postcss js的提议，现在已经找到了将css令牌加载到js文件的解决方案，我修改了我的webpack.config.js，使用css loader将css令牌散列并作为类名加载到我的React组件中。非常感谢！在本例中，您不需要POSTSS bem和POSTSS-js。在本例中，您不需要POSTSS bem和POSTSS js。