解决方法:安装适配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, // 设计稿的视口宽度
                  },
                ],
              ],
            },
          },
        },
      },
    };
    

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐