项目描述：vite+vue3+ts手机问题描述：安装postcss-px-to-viewport插件后，按照前面vue-cli的方法project,src目录下新建postcss.config.js文件，配置规则。运行的时候没有报错，但是发现px没有转换成vw单位。问题解决：因为在vite中已经内联了postcss，所以不需要额外创建postcss.config.js文件。关于vite中的css.postcss，我们只需要在vite.config.ts中进行配置即可：具体配置如下：import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpostcsspxtoviewportfrom'postcss-px-to-viewport'exportdefaultdefineConfig({plugins:[vue()],css:{postcss:{plugins:[postcsspxtoviewport({unitToConvert:'px',//转换的单位viewportWidth:750,//UI设计稿的宽度unitPrecision:6,//转换后的精度，即小数位数propList:['*'],//指定转换后的css属性的单位，*表示所有css属性单位都转换viewportUnit:'vw',//指定要转换的窗口单位，默认vwfontViewportUnit:'vw',//指定字体需要转换的窗口单位，默认vwselectorBlackList:['ignore-'],//指定不转换为窗口单位的类名，minPixelValue:1,//默认值为1，如果我t小于等于1px，不进行转换mediaQuery:true,//是否在媒体查询的css代码中进行转换，默认为falsereplace:true,//是否直接替换后的属性值conversion//exclude:[/node_modules/],//设置忽略文件，使用正则表达式目录名匹配exclude:[],landscapee:false//是否处理横屏情况})]}}})重启项目后可以看到px转换为vw单位。感谢本文参考：vitepostcss
