Vue(vue 4.0)プロジェクトで、レスポンスレイアウトプラグインpostcss-px-to-viewportを使用して、ビューポートに変換

Px 2 vw-css変換
1.プロジェクトバージョン:vue-cli 4.1.バージョン1
|2.プラグインのインストール
npm install postcss-px-to-viewport --save-dev
**|3.プロジェクトのルートディレクトリの下にpostcssを作成します.config.jsファイル**

module.exports = {
    plugins:{
        autoprefixer:{},
        "postcss-px-to-viewport":{
            viewportWidth:375,//     ，            
            viewportHeight:667,//     ，            
            unitPrecision:5,//  ‘px’            （        ）
            viewportUnit:'vw',//            ，    vw
            selectorBlackList:['ignore','tab-bar','tab-bar-item'],//         ，
            minPixelValue:1,//     ‘1px’        
            mediaQuery:false//           ‘px’
        },

    }
}

4.npm run serve
githubソースプラグインアドレス