create-vvt/templates/javascript/viteConfig/css/index.js

一个基于 Vite + Vue3 + TypeScript/JavaScript 的项目模板脚手架

import pxtorem from 'postcss-pxtorem';

export default function () {
  const preprocessorOptions = {
    scss: {
      api: 'modern-compiler',
      additionalData: '$color: red;'
    }
  };
  const postcss = {
    plugins: [
      pxtorem({
        rootValue: 14, // 1rem = 14px
        propList: ['*', '!border', '!font-size', '!*font*'], // 需要转换的属性，除 border 外所有px 转 rem
        exclude: '/node_modules/*', // 排除node_modules
        mediaQuery: false, // 是否要在媒体查询中转换px
        minPixelValue: 2 // 设置要转换的最小像素值
      })
    ]
  };
  return { preprocessorOptions, postcss };
}