plugins

主要的插件

• autoprefixer 厂商前缀插件
• precss 预编译插件
• cssnano 包括最小化等25个插件
• cssnext 支持未来的语法

插件分类

• Packs press，cssnext
• Future CSS Syntax cssnext
• Fallbacks postcss-opacity，兼容IE8
• language Extensions postcss-nested, postcss-simple-vars
• Optimizations post-import

cssnano

插件包含20多个插件，可以进行插件的配置

require('cssnano')({
    minifyFontWeight: false
})

如何写一个插件

var plugin = postcss.plugin('postcss-deprecated', function () {
    return function (css, result) {
        css.walkDecls('bad', function (decl) {
            decl.warn(result, 'Deprecated property bad');
        });
    };
});

注意: plugins 加载需要留意顺序，通常fallback需要最后加载。preprocesser就需要提前使用。