0.0.7 • Published 7 years ago
postcss-px-to-viewport-multichange v0.0.7
postcss-px-to-viewport 
A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units.
- 增加下方配置解决第三方 ui 库转换后缩小的问题
- 增加
exclude排除文件配置 - 增加
rules自定义转换规则配置 - 增加
multiple转换倍数
# 配置参数
'postcss-px-to-viewport-rxdey': {
viewportWidth: 750,
unitPrecision: 5,
viewportUnit: 'vw',
selectorBlackList: ['.ignore'],
minPixelValue: 1,
mediaQuery: false,
exclude: ['node_modules'],
multiple: 100,
rules: {
path: 'vux',
fn: (pixels, vw) => {
return vw*2 + 'vw';
},
},
},
exclude接收 文件夹名/文件名(带后缀);
exclude配置优先级大于rules对象中的path,rules配置会被直接排除;
rules接收对象,path为生效路径,不做配置或为空默认全局生效,参数同exclude;
rules.fn自定义转换规则,返回转换后的数值,没有返回值则不生效!,pixels:原始像素数值,vw:正常转换后的 vw 值,opt:上方填写的配置参数;
multiple转换时的倍数,(pixels / viewportSize) * 100原转换公式;