資訊專欄INFORMATION COLUMN
摘要：如何在中使用在中。先上代碼，的配置如下?lián)Q算的基數(shù)忽略轉(zhuǎn)換正則匹配項(xiàng)如果是使用，都差不多換算的基數(shù)記得安裝包可能遇到的坑插件會(huì)轉(zhuǎn)化所有的樣式的。比如引入了三方，也會(huì)被轉(zhuǎn)化。目前我使用字段，來(lái)過(guò)濾?？梢院?jiǎn)單的使用大寫的或。
如何在vue-cli3.0中使用 postcss-pxtorem
在vue-cli3.0中。去掉了build和config文件夾。所有的配置都放到了vue.config.js中。
先上代碼，vue.config.js的配置如下
module.exports = {
lintOnSave: true,
css: {
loaderOptions: {
postcss: {
plugins: [
require("postcss-pxtorem")({
rootValue : 1, // 換算的基數(shù)
selectorBlackList : ["weui","mu"], // 忽略轉(zhuǎn)換正則匹配項(xiàng)
propList : ["*"],
}),
]
}
}
},
}
如果是使用 postcss-px2rem，都差不多
module.exports = {
lintOnSave: true,
css: {
loaderOptions: {
postcss: {
plugins: [
require("postcss-px2rem")({remUnit: 30}), // 換算的基數(shù)
]
}
}
},
}
記得npm i 安裝包；
可能遇到的坑：
插件會(huì)轉(zhuǎn)化所有的樣式的px。比如引入了三方UI，也會(huì)被轉(zhuǎn)化。目前我使用 selectorBlackList字段，來(lái)過(guò)濾。但是感覺(jué)不太靠譜。如果有更好的辦法歡迎大佬補(bǔ)充
如果個(gè)別地方不想轉(zhuǎn)化px?？梢院?jiǎn)單的使用大寫的 PX 或 Px 。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/97735.html
摘要：通過(guò)配置規(guī)則和單位使用或來(lái)解決。其他關(guān)于我個(gè)人的一系列學(xué)習(xí)介紹及總結(jié)有興趣可以參閱自學(xué)筆記一安裝使用篇自學(xué)筆記二插件篇自學(xué)筆記二番外篇一自學(xué)筆記二番外篇二 利用PostCSS解決移動(dòng)端REM適配問(wèn)題 上一期有提到結(jié)合postcss-px2rem插件來(lái)處理移動(dòng)端適配的方案，以及相關(guān)的避坑方法，之后總覺(jué)得這個(gè)解決方案問(wèn)題太多，也就誕生了另一套方案運(yùn)用postcss-pxtorem插件來(lái)進(jìn)行...
摘要：安裝插件在終端執(zhí)行在中配置使用適配倍屏，倍屏的封裝的將根據(jù)已有的標(biāo)簽來(lái)設(shè)置縮放比例下，對(duì)于和的屏，用倍的方案，其余的用倍方案其他設(shè)備下，仍舊使用倍的方案在入口文件中引入在中就可以愉快的編寫啦，使用，下面上傳 1.安裝插件postcss-px2rem在終端執(zhí)行：npm install postcss-px2rem --save2.在build/vue-loader.conf.js 中配置...
摘要：項(xiàng)目問(wèn)題總結(jié)這個(gè)項(xiàng)目，很簡(jiǎn)單，前端使用，后端使用進(jìn)行開發(fā)。方便移動(dòng)端開發(fā)。當(dāng)動(dòng)畫結(jié)束后，有一個(gè)鉤子函數(shù)可以使用其他一些功能組件，都是自己嘗試去編寫的，像日歷組件組件組件等。版本的，是沒(méi)有任何的鉤子函數(shù)，我就感覺(jué)懵逼了。。。 todo-list 項(xiàng)目問(wèn)題總結(jié) 這個(gè) todo-list 項(xiàng)目，很簡(jiǎn)單，前端使用 react，后端 nodejs 使用 koa2 進(jìn)行開發(fā)。數(shù)據(jù)庫(kù)使用 Mysql...
摘要：基于搭建的前端模板，本倉(cāng)庫(kù)，即可搭建完成一個(gè)新項(xiàng)目的基礎(chǔ)模板，源碼地址，歡迎或特性預(yù)編譯語(yǔ)言，做了一定的封裝，詳見(jiàn)雪碧圖移動(dòng)的適配方案引入了及，可以自由地用去開發(fā)常用的工具類引用全局注入相關(guān)的文件，如通用的及等常用的的集合支持 基于 vue-cli3 搭建的前端模板，clone 本倉(cāng)庫(kù)，即可搭建完成一個(gè)新項(xiàng)目的基礎(chǔ)模板，源碼地址，歡迎 star 或 fork 特性 CSS 預(yù)編譯語(yǔ)言...
閱讀 841·2021-09-22 15:18
閱讀 1198·2021-09-09 09:33
閱讀 2766·2019-08-30 10:56
閱讀 1203·2019-08-29 16:30
閱讀 1499·2019-08-29 13:02
閱讀 1471·2019-08-26 13:55
閱讀 1653·2019-08-26 13:41
閱讀 1950·2019-08-26 11:56
