Vue項目中自動將px轉(zhuǎn)換為rem

在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)站進行理解編譯

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末柱蟀,一起剝皮案震驚了整個濱河市钩蚊,隨后出現(xiàn)的幾起案子贡翘,更是在濱河造成了極大的恐慌,老刑警劉巖砰逻,帶你破解...
    沈念sama閱讀 212,599評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鸣驱,死亡現(xiàn)場離奇詭異,居然都是意外死亡蝠咆,警方通過查閱死者的電腦和手機踊东,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,629評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來刚操,“玉大人闸翅,你說我怎么就攤上這事∩娜祝” “怎么了缎脾?”我有些...
    開封第一講書人閱讀 158,084評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長占卧。 經(jīng)常有香客問我遗菠,道長,這世上最難降的妖魔是什么华蜒? 我笑而不...
    開封第一講書人閱讀 56,708評論 1 284
  • 正文 為了忘掉前任辙纬,我火速辦了婚禮,結(jié)果婚禮上叭喜,老公的妹妹穿的比我還像新娘贺拣。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,813評論 6 386
  • 文/花漫 我一把揭開白布譬涡。 她就那樣靜靜地躺著闪幽,像睡著了一般。 火紅的嫁衣襯著肌膚如雪涡匀。 梳的紋絲不亂的頭發(fā)上盯腌,一...
    開封第一講書人閱讀 50,021評論 1 291
  • 那天,我揣著相機與錄音陨瘩,去河邊找鬼腕够。 笑死,一個胖子當(dāng)著我的面吹牛舌劳,可吹牛的內(nèi)容都是我干的帚湘。 我是一名探鬼主播,決...
    沈念sama閱讀 39,120評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼甚淡,長吁一口氣:“原來是場噩夢啊……” “哼大诸!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起材诽,我...
    開封第一講書人閱讀 37,866評論 0 268
  • 序言:老撾萬榮一對情侶失蹤底挫,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后脸侥,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體建邓,經(jīng)...
    沈念sama閱讀 44,308評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,633評論 2 327
  • 正文 我和宋清朗相戀三年睁枕,在試婚紗的時候發(fā)現(xiàn)自己被綠了官边。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,768評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡外遇,死狀恐怖注簿,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情跳仿,我是刑警寧澤诡渴,帶...
    沈念sama閱讀 34,461評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站菲语,受9級特大地震影響妄辩,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜山上,卻給世界環(huán)境...
    茶點故事閱讀 40,094評論 3 317
  • 文/蒙蒙 一眼耀、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧佩憾,春花似錦哮伟、人聲如沸干花。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,850評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽池凄。三九已至,卻和暖如春谅辣,著一層夾襖步出監(jiān)牢的瞬間修赞,已是汗流浹背婶恼。 一陣腳步聲響...
    開封第一講書人閱讀 32,082評論 1 267
  • 我被黑心中介騙來泰國打工桑阶, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人勾邦。 一個月前我還...
    沈念sama閱讀 46,571評論 2 362
  • 正文 我出身青樓蚣录,卻偏偏與公主長得像,于是被迫代替她去往敵國和親眷篇。 傳聞我的和親對象是個殘疾皇子萎河,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,666評論 2 350

推薦閱讀更多精彩內(nèi)容