React17中如何用carco6.1.2 配置6.0的postcss-pxtorem,做到px转rem?

新手上路,请多包涵

我的carco版本是目前最新的6.1.2,postcss-pxtorem的版本也是最新6.0,react17,现在我想在react里面配置px转rem,把所有的px转为rem单位,但是依照我的配置报错以下内容

Error: [object Object] is not a PostCSS plugin

我在craco.config.js中的代码片段如下 

const path = require('path');
const resolve = dir => path.resolve(__dirname, dir);
const pxtorem = require("postcss-pxtorem");

module.exports = {
  style: {
    postcss: {
      mode: "extends",
      plugins:[
        pxtorem({
          rootValue: 100,
          unitPrecision: 5, 
          propList: [
            '*'
          ],
          selectorBlackList: [],
          replace: true,
          mediaQuery: false,
          minPixelValue: 0,
          exclude: /node_modules/i,
        }),
      ],
  }
  },
  webpack: {
    alias: {
      '@': resolve("src"),
    }
  }
}

正确的配置应该是怎样的呢

阅读 2.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题