# 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>;
};
Last Updated: 2024/10/12 08:54:40