vite postcss-pxtorem

Vite是一个由Vue.js团队开发的高性能、现代的前端构建工具，它专注于快速启动和热更新。PostCSS-preset-env 和 pxtorem 是两个常用的PostCSS插件。

PostCSS-preset-env (以前称为 autoprefixer) 是一个用于自动添加浏览器前缀的工具，确保CSS规则能在各种浏览器上得到兼容。它基于项目配置识别当前支持的特性，并自动处理相应的前缀。

pxtorem 是另一个PostCSS插件，它的作用是将像素单位（px）转换为相对单位（如rem），以便更好地实现响应式设计。通过设置基础字体大小（根元素的font-size），pxtorem可以根据需要把所有像素值转换为rem，使得页面元素在不同屏幕尺寸下能保持合理的缩放比例。

当你在Vite项目中集成`postcss-pxtorem`时，通常会先安装这两个依赖，然后在配置文件中启用它们。例如，在vite.config.js中：

import { createConfig } from 'vite'
import pxtorem from 'postcss-pxtorem'

const config = createConfig()
config.build.postcss.use([
  require('autoprefixer')({ browsers: ['last 2 versions'] }),
  pxtorem({ rootValue: 100, propList: [], unitPrecision: 5, minPixelValue: 1 })
])

export default config