關於vue2.0中rem的運作環境搭建的過程

這篇文章主要介紹了關於vue2.0中rem的運行環境搭建的過程，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

1.下載lib -flexible檔案

　　npm install lib-flexible --save 

2.引入lib-flexible檔案

　　import 'lib-flexible'

##3.安裝px2rem

　　#.  npm i postcss-px2rem --save

　　#.  npm install px2rem-loader --save##build目錄下設定目錄下設定目錄設定值-loader. conf.js

　　postcss:[require('postcss-px2rem')({'remUnit':75,'baseDpr':2})]

　　

　　remUnit: 設計稿的10分之1（如750，這裡就設定75）

　　baseDpr: ....

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關推薦：

分析Vue中mixin的使用方法

如何透過Vue.js使用Font Awesome實作小圖示

vue中Element表單驗證的使用方法

#

以上是關於vue2.0中rem的運作環境搭建的過程的詳細內容。更多資訊請關注PHP中文網其他相關文章！