webpack的像素转vw loader插件

这是一款针对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	转换后保留的小数位数

转载于:https://www.cnblogs.com/coderhero/p/9115253.html