我的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"),
}
}
}
正确的配置应该是怎样的呢