vue2.0 讓px轉換成rem問題
阿新 • • 發佈：2019-01-23
因為專案需要，vue開發專案，必須將已寫的以px為單位的部分，轉換為rem。要是全部轉換，這大量的計算量，哪怕是sublime Text 的cssrem外掛，也是一個龐大的工作量。所以，直接使用外掛沒商量。
第一步：因為rem是根據更元素來計算大小，所以，捕捉到當前螢幕的大小並賦值給html，這是其一
第二步：使用px2rem外掛，來捕捉當前專案的所有px，直接計算相對應數值。
這樣，以後寫介面，就可以直接用px來構建介面，不用自己去計算啦！
1、安裝外掛(我是安裝了淘寶映象，所以是cnpm,若是沒裝淘寶映象，就npm)
2、配置px2rem
build目錄下vue-loader.conf.js中，做如下修改：
module.exports = {loaders: utils.cssLoaders({sourceMap: isProduction? config.build.productionSourceMap: config.dev.cssSourceMap,extract: isProduction}),transformToRequire: {video: 'src',source: 'src',img: 'src',image: 'xlink:href'},postcss:[require('postcss-px2rem')({'remUnit':37.5,'baseDpr':2})]/*因為我是以750px(iphone6)寬度為基準，所以remUnit為37.5*/}3、在static目錄中，建js資料夾，放flex.js:
（內容太多在網頁上）4、在index.html中，加入flex.js
5、重啟專案
大功告成！！
現在你就可以在瀏覽器中，看到你的px換算成了rem啦！
Vue用rem佈局用px2rem外掛
http://www.jb51.net/article/135276.htm原文連結：https://juejin.im/post/5a65751e51882573541c7c78