vueモバイル端末適応（pxからvw）postcss-px-to-viewport構成

postcss-px-to-viewportをインストールする

npm install postcss-px-to-viewport

ルートディレクトリ内の新しいpostcss.config.jsファイル

// postcss.config.jsファイル 
module.exports = { 
  plugins：{
     'postcss-px-to-viewport' ：{ 
      unitToConvert： 'px'、// 変換される単位、デフォルトは "px" 
      viewportWidth：375、/ / ウィンドウの幅は、設計ドラフトの 
      ビューポートの幅に対応します 
      Height：1334、// ウィンドウの高さは、375デバイスの幅、一般的には667、または unitPrecision：13、に従って指定されます// // `px`変換を指定しますウィンドウの単位値の小数点以下の桁数（分割できないことが多い） 
      propList：['*']、// vwに変換できるプロパティリスト 
      viewportUnit： 'vw'、// 変換するウィンドウの単位を指定する、vwを推奨 
      fontViewportUnit： 'vw'、// フォントが使用するビューポートユニット
      selectorBlackList：['.ignore-'、 '.hairlines']、// ウィンドウ単位に変換されないクラスを指定し、カスタマイズでき、無期限に追加できます。1つまたは2つの一般的なクラス名を定義することをお勧めします 
      minPixelValue：1、// 未満または、ビューポート単位に変換されない `1px`と等しいか、必要な値に設定することもできます 
      mediaQuery：false、// メディアクエリでの変換を許可します` px` 
      replace：true、// なしで属性値を直接置き換えるかどうかバックアップ属性を追加
      [：除外
         / rightBar / 、
         /gotop.vue/ 、
      ]、// このような「node_modules」の下にあるファイルなど、特定のファイルまたはフォルダの特定のファイル、無視 
      景観を：falseに、// 生成された追加するかどうかはlandscapeWidthに従ってメディアクエリ条件@media（方向：横） 
      landscapeUnit： 'vw'、// 
      横長の場合に使用される単位はlandscapeWidth：1134 //横長の場合に使用されるビューポート
の幅    } 
  } 
}