vue rem配置、px转rem、rem插件

这里介绍一款插件，嗯，很方便，可以自动将px正确转成rem，无需再手动计算

1. 下载插件

cnpm install postcss-pxtorem -D

2. vue.config.js 里配置（自己创建的webpack配置文件）

module.exports = {
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    require('postcss-pxtorem')({//这里是配置项，详见官方文档
                        rootValue: 16, // 换算的基数
                        // selectorBlackList: ['weui','mu'], // 忽略转换正则匹配项
                        propList: ['*'],
                    }),
                ]
            }
        },
    }, 
}; 

另外再附加一个px和rem直接转换的小工具 任意门
嗯，确实很方便

end~~~

---

如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，谢谢大家的阅读！