在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ 使用webpack+vue-cli如何將px自動(dòng)轉(zhuǎn)為rem

使用webpack+vue-cli如何將px自動(dòng)轉(zhuǎn)為rem

使用webpack+vue-cli如何配置能將.vue文件里面的style標(biāo)簽下面的樣式將px轉(zhuǎn)為rem，意思就是我寫(xiě)樣式照樣寫(xiě)px而瀏覽器解析出來(lái)是rem或者在瀏覽器端根據(jù)不同手機(jī)模擬器顯示不同px？

回答
編輯回答
陪我終

use postcss-px2rem

https://github.com/songsiqi/p...

2017年4月18日 21:38
編輯回答
兮顏

你可以用vs code編輯器，然后搜索插件px2rem，安裝好后啟動(dòng)可以快捷鍵ctrl+shift+p打開(kāi)命令面板，再輸入這個(gè)px2rem就可以將當(dāng)前頁(yè)面所有px轉(zhuǎn)換為rem了。

2018年5月31日 11:14
編輯回答
亮瞎她

可以參考這里:http://www.xiuyuan.info

2017年9月4日 15:18
編輯回答
掛念你

可以用css預(yù)編譯處理，比如sass和less，也可以寫(xiě)一個(gè)loader來(lái)處理。

2017年9月27日 21:11
編輯回答
野橘

增加如下配置即可：

new webpack.LoaderOptionsPlugin({
    // webpack 2.0之后， 此配置不能直接寫(xiě)在自定義配置項(xiàng)中， 必須寫(xiě)在此處
    vue: {
        postcss: [require('postcss-pxtorem')({ rootValue: 100, propWhiteList: [] })]
    },
}),

但是寫(xiě)在template里的就不行了， 有些UI庫(kù)， html也寫(xiě)了一些樣式

2018年3月22日 05:18
編輯回答
有你在

問(wèn)下，這個(gè)問(wèn)題解決了嗎，怎么做的啊，我用npm安裝了px2rem沒(méi)有效果

2017年11月25日 10:13