vite的vue项目中行内样式转vw或者rem

vite项目中，行内样式转vw的是有插件的，但是转rem的目前没有发现有，但是可以考虑通过用转vw的插件来实现转换成rem的效果。

使用vite-plugin-style-to-vw插件  

平时转vw时  

import vitePluginStyleToVw from 'vite-plugin-style-to-vw'
vitePluginStyleToVw({
   allReplace: false,
   unitToConvert: 'px',
   viewportWidth: 375,
   unitPrecision: 5,
   viewportUnit: 'vw',
   fontViewportUnit: 'vw',
   minPixelValue: 1,
   attributeList: [],
}),

转rem时，这里涉及到换算问题，要在设计稿尺寸对应的根元素100px基础上乘以100  

plugins: [
    vitePluginStyleToVw({
      allReplace: false,
      unitToConvert: 'px',
      viewportWidth: 100 * 100, // vw时为设计稿宽度，rem时为设计稿对应尺寸时字体大小的100倍
      unitPrecision: 5,
      viewportUnit: 'rem',
      fontViewportUnit: 'rem',
      minPixelValue: 1,
      attributeList: [],
    }),
  ],

利用这个插件，注意转换运算，可以将px转换成其它各种单位