默认配置会对所有的 px 单位进行转换,有大写字母的 PxPX 则会被忽略。
参数默认值如下:

  1. {
  2. onePxTransform: true,
  3. unitPrecision: 5,
  4. propList: ['*'],
  5. selectorBlackList: [],
  6. replace: true,
  7. mediaQuery: false,
  8. minPixelValue: 0
  9. }

Type: Object | Null

onePxTransform (Boolean)

设置 1px 是否需要被转换

unitPrecision (Number)

REM 单位允许的小数位。

propList (Array)

允许转换的属性。

  • Values need to be exact matches.
  • Use wildcard * to enable all properties. Example: ['*']
  • Use * at the start or end of a word. (['*position*'] will match background-position-y)
  • Use ! to not match a property. Example: ['*', '!letter-spacing']
  • Combine the “not” prefix with the other prefixes. Example: ['*', '!font*']

    selectorBlackList

    黑名单里的选择器将会被忽略。

  • If value is string, it checks to see if selector contains the string.

    • ['body'] will match .body-class
  • If value is regexp, it checks to see if the selector matches the regexp.
    • [/^body$/] will match body but not .body

      replace (Boolean)

      直接替换而不是追加一条进行覆盖。

      mediaQuery (Boolean)

      允许媒体查询里的 px 单位转换

      minPixelValue (Number)

      设置一个可被转换的最小 px 值
      配置规则对应到 config/index.js ,例如:
      1. {
      2. h5: {
      3. publicPath: '/',
      4. staticDirectory: 'static',
      5. postcss: {
      6. autoprefixer: {
      7. enable: true
      8. },
      9. pxtransform: {
      10. enable: true,
      11. config: {
      12. selectorBlackList: ['body']
      13. }
      14. }
      15. }
      16. },
      17. mini: {
      18. // ...
      19. postcss: {
      20. pxtransform: {
      21. enable: true,
      22. config: {
      23. selectorBlackList: ['body']
      24. }
      25. }
      26. }
      27. }
      28. }