本文是使用淘寶的方案進行布局開發的，遇到的問題是會對app內使用的第三方插件，當頁面進行縮放后，比如高德地圖中的文字會顯得過小，我使用的方法就是手動的動每一個尺寸進行手動的px 到 rem的替換，而不是用的px2remLoader，webpack中使用px2remLoader后會全局的對px進行轉換，本人並未找到可以對指定的數據進行轉換的參數，下面是我使用淘寶lib-flexible的整個流程。
一、安裝【lib-flexible】
npm install lib-flexible --save
並在main.js頁面引入
import 'lib-flexible';
二、模板頁面【index.html】
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">/*如果頁面未引入第三方組件【比如地圖組件】建議不寫，讓lib-flexible自動計算*/ 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <title>document</title> 9 </head> 10 11 <body> 12 <div id="app"></div> 13 <!-- built files will be auto injected --> 14 </body> 15 16 </html>
三、設計圖上的尺寸手動轉化為rem
根據設計圖尺寸我們可以將1rem設置為固定的PX數作為基准，可參考http://www.cnblogs.com/lyzg/p/5058356.html
根據基准值我們再手動去計算，我這里用的是atom編輯器，px2rem-plus插件，可以自己設置基准值，然后它會自動幫你計算並進行注釋
順便介紹個sublime text3 的一個叫CSSREM的插件，可快速將px轉化為rem.這個插件是由@正霖編寫.下載地址：https://github.com/flashlizi/cssrem .
四、然后就可以愉快的開發了
只是這個方法比較笨，如果px2remLoader可以自動設置注釋只使注釋的尺寸轉換的話就會方便許多，也應該有其他的方法，希望以后能再學習