postcss-px-to-viewport 无效

根据引用\[1\]中的代码，可以看出在使用customize-cra和react-app-rewired来配置postcss-px-to-viewport时，需要在config-overrides.js文件中进行相应的配置。在这个文件中，通过调用addPostcssPlugins方法来添加postcss-px-to-viewport插件，并传入相应的配置参数，比如viewportWidth。然后将这个文件作为入口文件来启动项目。

引用\[2\]中的代码也是类似的，只是没有使用react-app-rewire-postcss插件，而是直接在config-overrides.js文件中使用addPostcssPlugins方法来添加postcss-px-to-viewport插件，并传入相应的配置参数。

引用\[3\]中的代码则是使用postcss-px2rem插件来进行配置。同样，在config-overrides.js文件中使用addPostcssPlugins方法来添加postcss-px2rem插件，并传入相应的配置参数。

如果postcss-px-to-viewport无效，可能是配置有误或者没有正确引入相关的插件。请检查config-overrides.js文件中的配置是否正确，并确保已经正确安装了相关的插件。另外，还可以尝试重新启动项目，以确保配置生效。

希望以上信息对您有所帮助。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* *2* *3* [react脚手架引入配置postcss-px-to-viewport或postcss-px2rem失效的问题](https://blog.csdn.net/Irisping/article/details/130729129)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]