废话不多说直接上代码:
在vite.config.ts 中配置:
css: {postcss: {plugins: [postCssPxToRem({rootValue({ file }) {if (file && file.indexOf('vant') !== -1) {return 37.5}return 75},propList: ['*']})]},},
详细配置可看官网:
官网链接:https://vant-ui.github.io/vant/#/zh-CN/advanced-usage
需要注意的是 postcss-pxtorem 的版本 如果是6.x 会有问题,上线时此配置不生效仍然计算为75的比例,所以最好使用 postcss-pxtorem 的版本5.x.x。