Postcss

未分类

在此输入正文

需要过滤的属性值

• 颜色相关
  
  • rgba
  • hsla
  • transparent
    ps: 会用到color的属性： [ background-color, background, background-image, color, border, border-color, outline, outline-color ]

• 3D加速属性(值)

  • backface-visibility

  • perspective

    ---

  • transform: translate3d(0,0,0)

  • transform: translateZ(0)

Emoji Unicode

1. 正则
   因为新的

/* original, not complete */
new RegExp('&#x1F[0-9]{3};', 'i')
/* Right */
new RegExp('&#x1F[0-9][0-9A-F]{2};', 'i')

stylelint

stylelint

{
  "rules": {
    "at-rule-no-vendor-prefix": true,
    "selector-max-compound-selectors": 5,
    "function-blacklist": ["hsl", "hsla"],
    "no-unsupported-browser-features": {
      "browsers": "> 1%, last 2 versions, ie >= 8"
    },
    "declaration-property-value-blacklist": {
      "transform": ["/scale3d/", "/rotate3d/", "/translate3d/", "/translateZ/"],
      "backface-visibility": ["hidden"],
      "perspective": ["/\\d+/"]
    }
  }
}

需要过滤的步骤
If you use autoprefixer you'll want to disallow vendor prefixes using:
at-rule-no-vendor-prefix

Control specificity using:

级联最大长度
selector-max-compound-selectors

declaration-property-value-blacklist

Specify acceptable selector types, units, properties, functions and words in comments using:
color-no-hex

gulp

• vinyl-fs vs vinyl
• stream vs buffer