vue3+vite使用postcss-px-to-viewport行内样式不转换如何解决

使用`postcss-px-to-viewport`插件转换行内样式需要在`vite.config.js`配置文件中添加`css`相关选项。

具体的配置方法如下：

// vite.config.js
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
  plugins: [vue()],
  css: {
    postcss: {
      plugins: [
        require('postcss-px-to-viewport')({
          unitToConvert: 'px',
          viewportWidth: 375,
          viewportHeight: 667,
          unitPrecision: 5,
          viewportUnit: 'vw',
          selectorBlackList: ['.ignore', '.hairlines'],
          minPixelValue: 1,
          mediaQuery: false,
          replace: true,
          exclude: [/node_modules/],
          landscape: false,
          landscapeUnit: 'vw',
          landscapeWidth: 568
        })
      ]
    }
  }
});

在`css`选项中配置`postcss`插件，并且设置`replace`选项为`true`，即可将行内样式也转换为`vw`单位。