摘自網友文章：https://blog.csdn.net/okboy519/article/details/104180862

1.安裝外掛

npm install postcss-px-to-viewport --save-dev

2.在專案根目錄建立一個postcss.config.js，位置和內容如下

module.exports = {
    plugins: {
        autoprefixer: {},
        "postcss-px-to-viewport": {
            viewportWidth: 1920,//視窗的寬度，對應的是我們設計稿的寬度
            viewportHeight: 1080,//
 
視窗的高度，對應的是我們設計稿的高度
            unitPrecision: 5,//制定‘px’轉換為視窗單位的小數位數（很多時候無法整除）
            viewportUnit: 'vw',//指定需要轉換成的視窗單位，建議使用vw
            selectorBlackList: ['ignore', 'tab-bar', 'tab-bar-item'],//指定不需要轉換的類，
            minPixelValue: 1,//小於或等於‘1px’不轉換為視窗單位
            mediaQuery: false//允許在媒體查詢中轉換為‘px’
 

        }
    }
}

3.啟動專案檢視

npm run serve