这是一款针对webpack的像素转vw单位的loader插件。

笔者公司中，h5 rem的开发方案目前已经渐渐开始转向vw方案，因此本工具应运而生。

目前所制作的h5，大部分设计稿分辨率都是750的宽度，所以设定的基础分辨率是750，如果遇到特殊情况，只需要简单修改一下配置即可。

安装：

npm i px2vw-view-loader

配置：

按以下loader格式，添加进入webpack配置文件，实现从px转换成vw，适用于移动端项目

module: {  rules: [{    test: /\.css$/,    loader:'px2vw-view-loader',      query:{        viewportWidth: 750,        viewportUnit: 'vw',        minPixelValue:1,        decimal:3      }  }]}

参数：

参数名	默认值	备注
viewportWidth	750	设计稿宽度，单位像素
viewportUnit	'vw'	转换单位
minPixelValue	1	最小转换单位，例如minPixelValue:1，则1px及以下不进行转换
decimal	3	转换后保留的小数位数