有個朋友問我在vue項目怎么做rem適配，我工作中都是用的dva，但是我感覺道理都是一樣的，換湯不換葯。配完就順手寫下來吧！
需要安裝兩個插件庫 lib-flexible和px2rem-loader
yarn add lib-flexible yarn add px2rem-loader
flexible.js是淘寶官方H5移動適應解決方案。它做了三件事：
1、動態改寫標簽
2、給<html>元素添加data-dpr屬性，並且動態改寫data-dpr的值
3、給<html>元素添加font-size屬性，並且動態改寫font-size的值
我個人理解就是做了一個動態的媒體查詢，實時設置根結點的font-size
px2rem會在項目編譯的過程中根據根結的font-size值將我們項目css中的px單位轉成rem。但是有些是我們不需要轉成rem的，比如font-size或者是一些固定大小的原素。這個時候我們可以把px寫成PX，PX在編譯中不會被轉成rem。但是格式化代碼的時候會把PX格式化成px，這點需要注意一下。另一種避免轉成rem的方式就是寫成行內樣式，哈哈。
px2rem的使用是需要我們簡單的配置一下的。px2rem是一個loader，vue中所有的loader都是在一個utils.js文件中配置生成的，所以我們只需要找到cssLoader這個對象，在它下面再加一個px2remLoader，就可以讓這個loader在編譯中將我們的px轉成rem了。
一般來說我們的設計稿都是2倍的，也就是750。remUnit這個值就是750/10得來的。配置完后，重啟項目，我們配置的px2remLoader就會生效了。設計稿是多大，我們寫多大就👌了。