VUE使用は、モバイル端末適応の問題のための完全なソリューションをpostcss-px2rem除外します

取り付けpostcss-px2rem除外

NPMインストール--save postcss-px2remを除外

第二に、コンフィギュレーションpostcss-px2rem除外

= {module.exportsは
  "プラグイン"：{ 
    //編集対象ブラウザに：使用"browserslist"フィールドpackage.jsonで
    "postcssインポート"：{}、
    "autoprefixer"：{}、
    "postcss-px2rem除外"： {//コードを追加し
      remUnit：75を、
      |：除外/ node_modulesをフォルダ名/私は、ディレクトリnode_modules内のファイルを無視// 
    } 
  }

　　

その後、再びNPM実行devのは、あなたがコードPXを見ることができますコンソールを開きレムになってきました

注意：

    1.このメソッドは、.vueスタイルのタグファイルには、レムPX、スクリプトタグに変換することができますし、レムに変換PXスタイル要素内で定義することはできません

    2.ファイル.vueスタイルでのコードの行があれば上のバック/ *なし* /に書かれたコメントなどとして、レムに変えることを望んでいない場合

 

質問：なぜあなたは、ディレクトリnode_modules内のファイルを無視するようにしたいですか？

A：時々、私たちのような携帯電話のサイドプロジェクト、とき、サードパーティのUIライブラリをインポートする必要があります。これは主に小さいと、小さいなどVUX、MINTは、その後、あなたは、サードパーティ製のコンポーネントのスタイルを見つけることは、第三のライブラリですデータ-DPR =サイズの「1」を書き込む死に基づいてCSSは、私たちが死んで書かれていないデータ-DPRの柔軟な導入を使用し、それは動的で、この問題につながっています。

、直接、簡単かつ実用的な無視UIスタイルを変更するための第三者が、もはやありません。

関連コード：https://github.com/hwq888/skeleton   基準を使用することができます