在vue腳手架開發(fā)移動端的項目的時候,我們需要適配不同的機型策菜,如果想將設(shè)計稿量多少就寫多少就需要進行一些配置了
1.創(chuàng)建vue的腳手架項目(這一步是默認(rèn)你安裝了webpack和cli的相關(guān)內(nèi)容)
vue init webpack (項目名稱这溅,項目名稱的名字需要英文小寫)
2.?安裝 lib-flexible,并且在main.js里面引入
npm install lib-flexible --save
import ‘lib-flexible’(在main.js里引入)
3.?安裝 px2rem-loader
npm i px2rem-loader --save-dev
3.?安裝?px2rem-loader
npm i px2rem-loader --save-dev
4.配置px2rem-loader
6.完成之后重啟項目就可以將px轉(zhuǎn)化為rem了铣除,需要注意的是在配置時需要根據(jù)設(shè)計圖給的是幾倍的圖來進行配置
options:{
remUnit:37.5 // 根據(jù)自己的需求自己計算需要的數(shù)值揭糕,這個是2倍圖 三倍圖是75
}
根據(jù)https://blog.csdn.net/weixin_34113237/article/details/93531176的網(wǎng)站進行理解編譯