postcss-px-morph/dist/types.d.ts

A flexible PostCSS plugin to transform px to rem, vw, or a hybrid of both, with advanced configuration.

export type PxMorphMode = 'rem' | 'vw' | 'hybrid';
export type PxMorphHybridMode = 'rem' | 'vw';
export interface PxMorphOptions {
    /** 转换模式： 'rem' | 'vw' | 'hybrid' */
    mode: PxMorphMode;
    /** 根元素的字体大小 (设计稿基准值) */
    rootValue?: number;
    /** 视口宽度 (设计稿宽度) */
    viewportWidth?: number;
    /** 转换后的小数精度 */
    unitPrecision?: number;
    /** 触发转换的最小像素值 */
    minPixelValue?: number;
    /** 是否开启负值的转化 */
    minusPxToMinusMode?: boolean;
    /**
     * 'hybrid' 模式下，指定哪些属性转换为rem，哪些转换为vw
     * 支持通配符 '*', 例如 'font-*' 会匹配 'font-size', 'font-weight' 等
     */
    hybridOptions?: {
        /** 默认转换模式 , 混合模式下，指定哪些属性转换为rem，哪些转换为vw,剩下的属性配置转换模式 */
        defaultMode?: PxMorphHybridMode;
        /** 转换为rem的属性 */
        remProperties?: string[];
        /** 转换为vw的属性 */
        vwProperties?: string[];
    };
    /** 需要包含的文件，支持正则表达式 */
    include?: string[];
    /** 需要排除的文件，支持正则表达式 */
    exclude?: string[];
    /** 选择器黑名单，支持字符串和正则表达式 */
    selectorBlackList?: (string | RegExp)[];
    /** 是否允许在媒体查询中转换 */
    mediaQuery?: boolean;
    /** 是否启用转换 */
    enabled?: boolean;
}