postcss-pxtorem 使用和问题
postcss-pxtorem是存放在postcss.config.js文件里的。
结构如下:
module.exports = {
plugins: {
autoprefixer: {},
'postcss-pxtorem': {
rootValue({ file }) {
return 10 // 尺寸
},
propList: ['*'],
// 替换meidia内的px
mediaQuery: false,
selectorBlackList: [/^html$/, /no_rem/],
exclude: '/aa/bb/cc.js',
},
},
}
问题:
它会去拿内置的file去跟exclude去做对比,对比上了就过滤,那么file返回的是个字符串,也可以通过indexOf去做判断exclude支持function,但是,这个file在Mac和window返回的路径格式不一样,导致匹配不上。
Mac:aa/bb/cc.html
Win:aa\bb\cc.html
导致做这块开发的同学用的是Mac他不知道Win有问题,所以后面有WIn的开发时,出现了问题