首先，安裝依賴：

module.exports = {
    plugins: [
      require('autoprefixer'),
      require('postcss-px-to-viewport')({
        unitToConvert: 
 
'px',
        viewportWidth: 750,
        unitPrecision: 5,
        propList: ['*'],
        viewportUnit: 'vw',
        fontViewportUnit: 'vw',
        selectorBlackList: [],
        minPixelValue: 1,
        mediaQuery: false,
        replace: true,
        exclude: undefined,
        include: undefined,
      }),
    ],
    remove: 
 
false,
  }
  

{
        loader: require.resolve('postcss-loader'),
        options: {
          ident: 'postcss',
          plugins: () => [
            require('autoprefixer'),
            require('postcss-px-to-viewport') ({
              unitToConvert: 
 
'px', // 要轉化的單位
              viewportWidth: 750, // UI設計稿的寬度
              unitPrecision: 5, // 轉換後的精度，即小數點位數
              propList: ['*'], // 指定轉換的css屬性的單位，*代表全部css屬性的單位都進行轉換
              viewportUnit: 'vw', // 指定需要轉換成的視窗單位，預設vw
              fontViewportUnit: 'vw', // 指定字型需要轉換成的視窗單位，預設vw
              selectorBlackList: [], // 指定不轉換為視窗單位的類名，
              minPixelValue: 1, // 預設值1，小於或等於1px則不進行轉換
              mediaQuery: false, // 是否在媒體查詢的css程式碼中也進行轉換，預設false
              replace: true, // 是否轉換後直接更換屬性值
              exclude: undefined, // 設定忽略檔案，用正則做目錄名匹配
              include: undefined,
            })
          ],
          // sourceMap: isEnvProduction ? shouldUseSourceMap : isEnvDevelopment,
        },
      },

最後檢視效果： -->程式碼：

.justifyFlex {
    width: 720px;
    margin: 20px auto 0;
    background: darkolivegreen;
    display: flex;
    align-items: stretch;
}

--> 瀏覽器展示：