react 18 配置 postcss-px-to-viewport

解决方法：安装适配8的版本
 

yarn add postcss-px-to-viewport-8-plugin

1. craco官方给出的配置方式无法生效：
   解决方法：在craco.config.js中的配置postcss插件处修改配置为如下

   module.exports = {
     style: {
       postcss: {
         mode: "extends",
         loaderOptions: {
           postcssOptions: {
             ident: "postcss",
             plugins: [
               [
                 "postcss-px-to-viewport-8-plugin",
                 {
                   viewportWidth: 375, // 设计稿的视口宽度
                 },
               ],
             ],
           },
         },
       },
     },
   };