页面宽度自动转vw

@@ -6,6 +6,7 @@ import { defineConfig, loadEnv } from 'vite';
 import { createProxy } from './build/proxy'
 import { createProxy } from './build/proxy'
 import DefineOptions from 'unplugin-vue-define-options/vite';
 import DefineOptions from 'unplugin-vue-define-options/vite';
 import AutoImport from 'unplugin-auto-import/vite';
 import AutoImport from 'unplugin-auto-import/vite';
+import postcsspxtoviewport from 'postcss-px-to-viewport'
 
 
 var path = require('path');
 var path = require('path');
 
 
@@ -69,7 +70,25 @@ export default ({ command, mode }) => {
     },
     },
     css: {
     css: {
       modules: '', // 配置 CSS modules 的行为。选项将被传递给 postcss-modules。
       modules: '', // 配置 CSS modules 的行为。选项将被传递给 postcss-modules。
-      postcss: '', // 内联的 PostCSS 配置（格式同 postcss.config.js），或者一个（默认基于项目根目录的）自定义的 PostCSS 配置路径。其路径搜索是通过 postcss-load-config 实现的。 注意，如果提供了该内联配置，Vite 将不会搜索其他 PostCSS 配置源。
+      postcss: { // 内联的 PostCSS 配置（格式同 postcss.config.js），或者一个（默认基于项目根目录的）自定义的 PostCSS 配置路径。其路径搜索是通过 postcss-load-config 实现的。 注意，如果提供了该内联配置，Vite 将不会搜索其他 PostCSS 配置源。
+        plugins: [
+          postcsspxtoviewport({
+            unitToConvert: 'px', // 要转化的单位
+            viewportWidth: 375, // UI设计稿的宽度
+            unitPrecision: 6, // 转换后的精度，即小数点位数
+            propList: ['*'], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
+            viewportUnit: 'vw', // 指定需要转换成的视窗单位，默认vw
+            fontViewportUnit: 'vw', // 指定字体需要转换成的视窗单位，默认vw
+            selectorBlackList: ['ignore-'], // 指定不转换为视窗单位的类名，
+            minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
+            mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
+            replace: true, // 是否转换后直接更换属性值
+            // exclude: [/node_modules/], // 设置忽略文件，用正则做目录名匹配
+            exclude: [],
+            landscape: false // 是否处理横屏情况
+          })
+        ]
+      },
       preprocessorOptions: {
       preprocessorOptions: {
         less: {
         less: {
           javascriptEnabled: true,
           javascriptEnabled: true,