vue3+ts postcss.config postcss-px-to-viewport 怎么配置兼容 nut-ui

要在Vue3+TypeScript项目中使用postcss-px-to-viewport插件，需要在项目根目录下创建postcss.config.js文件，并在文件中添加以下配置：

module.exports = {
  plugins: {
    autoprefixer: {},
    "postcss-px-to-viewport": {
      unitToConvert: "px",
      viewportWidth: 375,
      viewportHeight: 667,
      unitPrecision: 5,
      propList: ["*"],
      viewportUnit: "vw",
      fontViewportUnit: "vw",
      selectorBlackList: [".ignore", ".hairlines"],
      minPixelValue: 1,
      mediaQuery: false,
      replace: true,
      exclude: [/node_modules\/nut-ui/],
    },
  },
};

其中，需要特别注意的是配置中的exclude属性，使用正则表达式排除掉nut-ui组件库相关的样式文件，以避免产生冲突。