Vue3 +vite pc 端适配

网上有很多Vue3.0 + vite  适配PC端的文章，我也尝试过其他方式，只有这种方式在我项目中没出现各种各样的问题。于是，把这种方式记录下来，以下是步骤：

npm install  postcss-px2rem px2rem-loader --save

在vite.config.js中配置如下代码

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

import px2rem from "postcss-px2rem"
export default defineConfig({

  css: {
 
    postcss: {
      plugins: [
        px2rem({
          unitToConvert: "px",
          viewportWidth: 1920,
          unitPrecision: 5,
          propList: ["*"],
          viewportUnit: "vw",
          fontViewportUnit: "vw",
          selectorBlackList: [],
          minPixelValue: 1,
          mediaQuery: false,
          replace: true,
          exclude: undefined,
          include: undefined,
          landscape: false,
          landscapeUnit: "vw",
          landscapeWidth: 1920,
        }),
      ],
    },
  },

  plugins: [vue()],
  //解决“vite use `--host` to expose”
  base: './',	//不加打包后白屏
  server: {             
    host: '0.0.0.0',	
    // port: 8080,      
    open: true
  },
  resolve:{   
    //别名配置，引用src路径下的东西可以通过@如：import Layout from '@/layout/index.vue'
    alias:[   
      {
        find:'@',
        replacement:resolve(__dirname,'src') 
      }
    ]
  }
})