Rem 转换

将rem转为rpx插件。

如何使用

安装

pnpm add @plugin-light/webpack-plugin-rem-to-rpx -D

在 vue.config.js 中添加如下设置：

const { RemToRpxPlugin } = require('@plugin-light/webpack-plugin-rem-to-rpx');


module.exports = {
  configureWebpack: {
    plugins: [
      new RemToRpxPlugin({
        whiteList: []
      })
    ],
  }
}

参数

export type IRemToRpxOptions = {
  // 不处理的路径白名单列表
  whiteList?: Array<string>;
  // 转换比例，默认 100
  factor?: number;
  // 目标单位，默认 rpx
  unit?: string;
  // 要处理的文件后缀名，默认 ['css', 'scss', 'less', 'wxss', 'qss', 'jxss']
  fileSuffix?: Array<string>;
};