Skip to content

一段命令行转换文件里css的单位,支持rem、px、rpx等。

License

Notifications You must be signed in to change notification settings

xiaoyao96/px-parser

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

px-parser

NPM version

用于文件夹或文件里的css单位,按照指定比例和单位转换。

  • 支持 px、rem、rpx单位。
  • 单个文件或者单目录批量转换。

使用情景

某程序猿:上次做的那个h5里的css文件好像这次小程序也能用,但是单位是px,我想转成rpx,而且之前是375写的...要是有个命令行能一键转化数字单位就好了...
我:必须有啊!文档地址拿去! ↓

安装及使用

打开cmd,运行以下命令全局安装:

npm install -g px-parser

转换单个文件

安装完成后,尝试转换一个名为index.css的文件,将里面所有px转为rem,并将数值除以100。 首先需要在当前目录按shift + 鼠标右键,选择 在此处打开命令窗口,输入以下命令:

pxp -i=index.css -x=0.01 -r=px:rem
或者
pxp -i index.css -x 0.01 -r px:rem

然后按照提示进行选择。效果如下:
index.css 转换前:

div{
 font-size: 20px;
}

index.css 转换后:

div{
 font-size: 0.2rem;
}

转换某个文件夹内所有文件

转换src下所有文件的单位

pxp -i=src -x=0.01 -r=px:rem
或
pxp -i src -x 0.01 -r px:rem

注意,pxp会转换src目录下所有css、less、scss、sass、wxss、stylus、ux、vue、js、jsx、ts、tsx、wxml、html、php文件中的css单位。

转换具体属性

pxp提供-p属性,用于转换特定属性,可指定多个如 font-size和margin:

pxp -i=a.css -x=0.75 -r=px:px -p=font-size,margin

目前暂不支持指定transform、以及calc等多元数值属性。

参数列表

指令 说明
-i INPUT, --input INPUT 需要转换的文件相对路径,支持文件夹批量操作,如a.css使用-i a.css,src文件夹使用 -i src
-x X 指定倍数转换像素值,默认值为1
-p P 指定css属性转换,默认值为*,即所有
-r R, --rule R 指定转换单位,默认为px转为px,目前仅支持 px、rem、rpx。规则为: -r 单位:单位
-h, --help 参数说明
-v, --version 当前px-parser版本

注意事项

建议转换前git提交代码或备份,以免误转换或写错参数。
如有bug请提issues

License

MIT © Leisure

About

一段命令行转换文件里css的单位,支持rem、px、rpx等。

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published