Natural Preference for Minification

    design-size-convertor

    1.0.2 • Public • Published

    css 长度单位转换器

    对传入字符串进行正则替换,可以按顺序执行多个步骤,不 star 一个吗? (https://github.com/LiangWei88/Design-size-convertor)

    单位转换

    • 一个单位按比例转换为另一个单位,如 16px, 转换为 rem 按照 1 像素等于 0.01 rem 的比值,保留 2 位小数,得出 0.16rem

    等比数字转换

    • 同一个单位相互转换,如 640px 设计稿中的 16px 转换为 750px 设计稿中的数字,保留 0 位小数,得出 19px

    注意

    • 满足下列几种格式,16px; 或 16px 16px 或 16px}
    • 即单位后必须带空格或分号或花括号
    /*错误写法*/
    .test {
        width:16px
    }
    
    /*正确写法, 三种都可以*/
    .test {
        width:16px;
        margin: 16px 22px;
        font-size: 32px}
    

    使用方法

    直接使用

    • npm i --save design-size-convertor
    • node node_modules/design-size-convertor/index.js

    快捷脚本

    npm i --save design-size-convertor 安装完,
    可以把 node node_modules/design-size-convertor/index.js 放入到你的 package.json 的 script 里面

    "script" : {
        "dsc": "node node_modules/design-size-convertor/index.js"
    } 
    

    然后使用 npm run dsc

    下载压缩包

    到 github 上面直接下载 然后运行 node index.js

    直接使用,不 star 一个吗?

    github page

    TODO

    1. 做成 webpack loader

    Install

    npm i design-size-convertor

    DownloadsWeekly Downloads

    0

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    10 kB

    Total Files

    6

    Last publish

    Collaborators

    • imyy