postcss

213 阅读1分钟

功能

通过autoprefixer插件自动为css规则添加前缀

postcss-preset-env可以使用未来的css特性,可能替代autoprefixer功能

支持css module

结合stylelint进行css代码检查

px转rem

允许使用less,sass

...

配置【postcss.config.js】

module.exports = {
    plugins:{
      'postcss-pxtorem': {
        rootValue: 37.5,
        propList: ['*'],
        unitPrecision: 5,
      },
      'postcss-preset-env': {
        browsers: [
          'Android 2.3',
          'Android >= 4',
          'Chrome >= 35',
          'Firefox >= 31',
          'Explorer >= 9',
          'iOS >= 7',
          'Opera >= 12',
          'Safari >= 7.1',
        ],
      }
    }
}

其它

postcss-modues

react-css-modules

autoprefixer

postcss-cssnext

postcss-loader 

rollup-plugin-postcss