fis3-postprocessor-postcss

使用

安装

npm i fis3-postprocessor-postcss -g

配置

fis.match('*.css', {
 postprocessor: fis.plugin('postcss')
});
// 如果你的项目中有 scss
fis.match('*.scss', {
 rExt: 'css',
 parser: fis.plugin('node-sass', {
 sourceMap: true
 })
});
// 非下划线开头的才 autoprefixer
fis.match(/.*\/[a-zA-Z0-9]+\.scss$/, {
 postprocessor: fis.plugin('postcss')
});

参数

{
 processConfig: {}, // postcss().process 的参数,有些插件会用到 http://api.postcss.org/Processor.html#process)
 plugins: [], // 其他插件
 sourceMap: true, // 是否生成 source map
 sourceMapRelative: false // 指向 source map 的路径是否是相对路径,有些场景很有用
}

单测

npm t

其他 postcss 插件

var cssnext = require('postcss-cssnext');
fis.match('*.css', {
 postprocessor: fis.plugin('postcss', {
 plugins: [cssnext] // 内置的 autoperfixer 会被覆盖掉,当然 cssnext 自带 autoprefixer
 });
});

FAQ