vite移动端适配

发布时间 2023-11-26 00:26:07作者: adong搬砖
 
//先下包  npm i postcss-px-to-viewport

import pxtovw from 'postcss-px-to-viewport' //配置参数-----移动端适配 const usePxtovw = pxtovw({ viewportWidth: 375, viewportUnit: 'vw' }) // https://vitejs.dev/config/ export default defineConfig({ base: './', plugins: [react()], css: { postcss: { plugins: [usePxtovw] } }, resolve: { alias: { '@': resolve(__dirname, 'src') // 路径别名 }, extensions: ['.js', '.json', '.ts'] // 使用路径别名时想要省略的后缀名,可以自己 增减 } })