vue中自動將px轉換成rem

1.首先下載 lib-flexible

npm install lib-flexible --save

2.在main.js中引用 lib-flexible

 

 

 3.安裝px2rem-loader(將px轉換成rem)

npm install px2rem-loader

4.配置px2rem

在build/utils.js中配置px2rem

 

 我這邊是根據 iphone6的設計圖尺寸來的，所以用37.5能方便把設計圖上的px直接寫在代碼里面。

最后重新 npm run dev 就可以使用了